JavaScript如何从两个一维数组生成指定结构的图表数据对象

错误原因 #

你定义的varDepth和varMins均为一维数组，原有代码中varDepth[i][0]、varMins[i][1]的写法是按照二维数组的规则访问元素，会直接抛出undefined异常。

修复步骤 #

• 首先初始化空的chartData1数组
• 遍历两个数组的下标，直接取对应下标的一维值构造对象推入数组即可

可运行代码示例 #

// 初始化目标数组
const chartData1 = [];
// 校验两个数组长度一致，避免下标越界
if (varDepth.length === varMins.length) {
  for (let i = 0; i < varDepth.length; i++) {
    chartData1.push({
      x: varDepth[i],
      y: varMins[i]
    });
  }
}

运行结果 #

最终chartData1的输出结构如下：

[
  {x: 0.5, y: 0},
  {x: 1.75, y: 1},
  {x: 2.38, y: 2},
  {x: 2.74, y: 3},
  {x: 2.89, y: 4}
]

内容的提问来源于stack exchange，提问作者user3313268