将保存 CSV 数据的数组合并到一个对象数组中

Question

我从post 中获得了影响，将 CSV 文件存储在单独的数组中，并且它可以工作。我希望再添加大约 8 个数组，每个数组都包含 CSV 文件的内容。

但是我怎样才能将这些数组合并到一个对象数组中呢？ 拥有一个对象数组对于我后续应用这些数组至关重要。到目前为止我的内容如下，但我不确定它是否正确？

任何帮助将不胜感激。

var dataCSV;
var dataCSV2;

var collection = {dataCSV, dataCSV2};

d3.csv("data/csv1.csv", function(data) {
    data.forEach(function(d) {
        d.word = d.word;
        d.frequency = +d.frequency;
})
    dataCSV = data;
    console.log(dataCSV);
});

d3.csv("data/csv2.csv", function(data) {
    data.forEach(function(d) {
        d.word = d.word;
        d.frequency = +d.frequency;
    })
    dataCSV2 = data;
    console.log(dataCSV2);
});

function merge(data1, data2) {
    collection = {data1, data2};
    console.log(collection);
}

merge(dataCSV, dataCSV2);

理想情况下，我希望 collection 的输出是：

collection {
    dataCSV {
        word: ..., frequency: ...,
        word: ..., frequency: ...
    },
    dataCSV2 {
        word: ..., frequency: ...,
        word: ..., frequency: ...
    }
 }

Answer 1

不要重复自己，而是创建一个获取数据、格式化数据并返回promise 的方法。然后使用Promise.all() 收集几个promise 的结果。然后你可以在一个对象中收集这两个数组。

示例（未测试）：

const getCsv = (url) => new Promise((resolve) => {
  d3.csv(url, function(data) {
    data.forEach(function(d) { // you can use a Array.map() instead for a cleaner solution
      d.word = d.word;
      d.frequency = +d.frequency;
    })

    resolve(data);
  });
});

Promise.all([ // load both csvs, and wait for the results of both
  getCsv('data/csv1.csv'),
  getCsv('data/csv1.csv')
])
.then(([dataCSV, dataCSV]) => { 
  const collection = { dataCSV, dataCSV2 };
  console.log(collection );
});