为什么我的地图函数不返回 d3 js 中的所有 csv 文件行？

Question

我有一个 csv 文件，其中包含如下所示的网络数据：

node,edges,centrality_degree
1,"[(1, 2), (1, 3), (1, 4), (1, 5)]",1.0
2,"[(2, 1), (2, 3), (2, 4), (2, 5)]",1.0
3,"[(3, 1), (3, 2), (3, 4), (3, 5)]",1.0
4,"[(4, 1), (4, 2), (4, 3), (4, 5)]",1.0
5,"[(5, 1), (5, 2), (5, 3), (5, 4)]",1.0

目标是生成一个包含所有数据的网络。我已经在绘制节点了。但是，我在尝试绘制边缘时遇到问题。下面的代码仅正确返回前五个节点对，但它到此为止。

var list = [];

    d3.csv("/graphs/documents/1/2015/10/15/16_43_12_data.csv", function(error, d) {

    // var links_list = [ {"source": 1, "target": 0},{"source": 2, "target": 0},{"source": 3,  "target": 0}, {"source": 4, "target": 0}];

    // var nodes = [ {"name": 1}, {"name":2}, {"name":3}, {"name":4}, {"name":5}];

    var nodes = d.map( function(d){ return {"name":+d.node}; });

    var links_list = d.map( function(d) {

        list_array = JSON.parse(d.edges.replace(/\(/g,"[").replace(/\)/g,"]"));
        console.log(list_array);

        var i, len = list_array.length;

        for (i=0; i<len; i++) {                             
            var s = arrayObjectIndexOf(nodes, list_array[i][0], "name"); 
            var t = arrayObjectIndexOf(nodes, list_array[i][1], "name"); 

            list.push({source: s ,target: t });
            return {source: s , target: t };
        }
    });

... #create the graph using the data

});

var links_list returns 5个对象的数组，其中一对source, target对应价值观： (1, 2), (1, 3), (1, 4), (1, 5) , (2, 1)

当我在 console.log(list_array) 上打印时，它 returns 包含 4 个元素的数组 5 次。为什么 links_list 不计算这些值？列表数组也 returns 同样的事情……发生了什么事？是逻辑问题吗？感谢您的帮助。

Answer 1

这里有很多问题，第一个是您从 for 循环内部的 map 函数返回，所以您的 for 循环实际上没有做任何事情。

第二个可能的问题（不确定）是我见过的 d3 图形应用程序存储了对边缘节点的实际 js 引用，而不仅仅是索引，所以 {source:nodes[s], target:nodes[t]}

我将进行一些更改以使其更具可读性和更易于理解：

首先，边缘列在哪一行并没有什么特别之处（除了文件格式的人类可读性），所以为了更容易推理程序，我将它们全部归为一大堆而不是尝试嵌套循环：

function flatten(a,b){return a.concat(b);}
var edgeNumbers=d.map(function(row){
  return JSON.parse(row.edges.replace(/\(/g,"[").replace(/\)/g,"]"))
}).reduce(flatten,[]);

其次，（假设我在边缘存储引用是正确的，而不是索引号），我会 "index" 你的节点数组使用一个对象：

function indexBy(key){return function(prev,x){prev[x[key]]=x;return prev;};}
var nodesByName=nodes.reduce(indexBy("name"),{});

从那里开始，边就是：

edgeNumbers.map(function(namepair){
  return {source:nodesByName[namepair[0]],target:nodesByName[namepair[1]]};
});

为什么我的地图函数不返回 d3 js 中的所有 csv 文件行？

Why isn't my map function returning all the csv file rows in d3 js?

javascript

csv

d3.js

logic

map-function