开发者问题收集

为什么我的 map 函数没有返回 d3 js 中的所有 csv 文件行？

2015-10-16
276
javascript csv d3.js logic map-function

我有一个包含如下网络数据的 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

});

变量 links_list 返回一个包含 5 个对象的数组，其中 source, target 对对应于以下值： (1, 2), (1, 3), (1, 4), (1, 5) , (2, 1)

当我在 console.log(list_array) 上打印时，它会返回包含 4 个元素的数组 5 次。为什么 links_list 不计算这些值？ 列表数组也返回相同的内容...发生了什么？这是逻辑问题吗？我很感激你的帮助。

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,[]);

其次，（假设我正确地将引用存储在边缘中，而不是索引号），我将使用对象“索引”您的节点数组： 

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]]};
});
Fabio Beltramini
2015-10-16