如何使用d3.csv读取推送值后的新数组数据？

Question

我有一段代码push使用new Array从csv文件反对d3.csv()。

我不明白为什么console.log(data[0])会返回undefined。

这是我的代码：

let data = []
let csv = 'file.csv'
let read_csv = d3.csv(csv, (d) => {
  d.map((i) => {
    data.push(i)
  })
})
console.log(data)
console.log(data[0])

第一个控制台返回所有值，如下所示：Array(166)。但是，第二个返回undefined。

我做错了什么？这是使用此方法选择数组index的正确方法吗？

修改

我也试过这段代码：

var read_csv = d3.csv(csv, function (d) {
  for (var i = 0; i < d.length; i++) {
    data.push(d[i])
  }
})

如果我试过这个：

let read_csv = d3.csv(csv, (d) => {
  d.map((i) => {
    console.log(i)
  }) 
})

它返回每个对象，所以我相信d3.csv()正在读取数据。