解释 Mike Bostock 节点解析循环 [重复]

我对 JavaScript 和 d3 比较陌生，但我对强制导向布局非常感兴趣。在 Mike Bostock 的力导向可视化中，他倾向于使用以下代码（或类似代码）从链接列表中解析节点：

var links = [
    {source: "A", target: "B"},
    {source: "B", target: "C"},
    {source: "C", target: "A"}];

var nodes = {};

links.forEach(function(link) {
    link.source = nodes[link.source] || (nodes[link.source] = {name: link.source});
    link.target = nodes[link.target] || (nodes[link.target] = {name: link.target});
});

我完全理解他最终在这里完成了什么，我只是想了解其中的 JavaScript 语法forEach循环得更好（实际上，完全）。如果有人可以解释，我将非常感激。

这显然是非常优雅的代码，但我在互联网上的任何地方都找不到解释 - 我可能在搜索中遗漏了一个关键术语，所以我不情愿地在这里问这个问题。真正让我失望的是：

• 两边的两个作业是什么|| do ,
• 每行第一个赋值的顺序（每行的左侧）||）： 为什么link.source = nodes[link.source] not nodes[link.source] = link.source， 例如。

在下面的代码中

link.source = nodes[link.source] || (nodes[link.source] = {name: link.source});

它的意思是

link.source = nodes[link.source]

if nodes[link.source] is 不是未定义的.

If nodes[link.source] is 不明确的然后下面的块将被执行。

(nodes[link.source] = {name: link.source})//assigning new value to nodes[link.source]

并且上面的值将被设置为link.source

所以如果你把它变得简单的话，它会是这样的：

link.source = nodes[link.source] || (nodes[link.source] = {name: link.source});相当于：

if (!nodes[link.source]) {//not undefined
 link.source = nodes[link.source];
} else {
 nodes[link.source] = {name: link.source}
 link.source = nodes[link.source];
}

希望这可以帮助！

对您的评论的解释

Question (a = b || c equates to a = b but if b is undefined make a = c, right?)

YES

Question仍然没有意义的是为什么这些分配的左侧是 link.source 和 link.target？那些已经定义了，它们是我们想要填充节点的内容？

是的！你在这里是对的Those are already defined。 link.source 当前 = "A" 块执行后，每个 link.source 将指向一个对象，如下所示。link.source = {name:A}

如果您仍然感到困惑，请告诉我。