javascript - 在数组元素前添加文本

Question

我目前正在使用 d3.js 进行数据可视化，其中我有一年中每个季度的 GDP 数据。数据如下所示:

[
    [
      "1947-01-01",
      243.1
    ],
    [
      "1947-04-01",
      246.3
    ],
    [
      "1947-07-01",
      250.1
    ]
 ]

我想要的是把它变成下面这样:

[
    [
      date: "1947-01-01",
      GDP: 243.1
    ],
    [
      date: "1947-04-01",
      GDP: 246.3
    ],
    [
      date: "1947-07-01",
      GDP: 250.1
]

我试过这样做，但它会将数组元素转换为字符串。

d3.json("data/GDP-data.json").then(function (dataTotal) {
    data = dataTotal.data;
    console.log(data);

    for(var i=0;i<data.length;i++){
        data[i]["0"] = new Date(data[i]["0"])
        data[i]["0"]="date: "+data[i]["0"];
        
        data[i][1] = "GDP: "+data[i][1];
    }
}

有没有办法不把每个元素变成一个字符串，同时仍然在它前面添加文本？这将使调用某些数据点变得容易得多。

Answer 1

使用 map

arr.map( s => ({ date : s[0], gdp : s[1] }) );

演示

var arr = [
  [
    "1947-01-01",
    243.1
  ],
  [
    "1947-04-01",
    246.3
  ],
  [
    "1947-07-01",
    250.1
  ]
];
var output = arr.map(s => ({
  date: s[0],
  gdp: s[1]
}));
console.log(output);