javascript - 从 csv 文件创建一个新数组

Question

我已使用 D3 导入了 CSV 文件，“大学”、“州”、“薪水”和“类型”是我需要进行更多可视化的值。现在我正在尝试创建一个导入上述四个属性的新数组。

我使用创建一个新数组 var SalaryArray = []

我已通过返回我需要使用的属性来导入 CSV 文件

d3.csv("Median Salary Integration 2018.csv")
    .row(function (d) {
        return {University: String(d.University), State: String(d.State),Salary: String(d.Median), Type: String(d.Type)}

我试过了

SalaryData = d3.csv("Median Salary Integration 2018.csv")
    .row(function (d) {
        return {
            University: String(d.University), State: String(d.State),
            Salary: String(d.Median), Type: String(d.Type)
        }
    })

但是通过console.log(SalaryData)，结果没有显示。

Answer 1

The documentation shows您在回调中获取值，而不是作为返回值:

d3.csv("Median Salary Integration 2018.csv")
.row(function (d) {
    return {
        University: String(d.University), State: String(d.State),
        Salary: String(d.Median), Type: String(d.Type)
    }
})
.then(salaryData => {
    // ***Use salaryData here***
    // It will be an array, so for instance
    for (const entry of salaryData) { // Loop through the array
        // Use `entry.University`, etc., here
    }
})
.catch(error => {
    // Handle/report error
});

文档说:

This module provides convenient parsing on top of Fetch.

...所以您从 csv 返回的是一个 promise ，而不是实际数据，因为该过程是异步的。因此就有了上面的 then 和 catch。