如何高效在JavaScript中构建指定的嵌套数组数据结构？

你之前的写法无效是因为[[sistOper, tot]]会把整个sistOper和tot数组作为单个元素嵌套进去，而不是按索引配对对应元素。下面是几种高效的实现方式：

1. 使用Array.map（最简洁） #

利用map遍历其中一个数组，同时通过索引获取另一个数组的对应元素：

var bar_data = {
  data: sistOper.map((item, index) => [item, tot[index]]),
  color: '#3c8dbc'
};

注意：确保sistOper和tot数组长度一致，否则长度较长的数组超出部分会被忽略，或者出现undefined。

2. 处理数组长度不一致的情况 #

如果两个数组长度可能不同，建议取较短的长度来避免越界：

var bar_data = {
  data: Array(Math.min(sistOper.length, tot.length))
    .fill()
    .map((_, idx) => [sistOper[idx], tot[idx]]),
  color: '#3c8dbc'
};

3. 传统for循环（适合基础理解） #

如果更习惯循环写法，也可以手动构建数组：

var pairedData = [];
const maxLength = Math.min(sistOper.length, tot.length);
for (let i = 0; i < maxLength; i++) {
  pairedData.push([sistOper[i], tot[i]]);
}

var bar_data = {
  data: pairedData,
  color: '#3c8dbc'
};

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