JavaScript数组以ID为索引赋值出现空项问题求助

这是个非常典型的JavaScript数组特性问题，我来帮你理清楚背后的逻辑：

首先得明白JavaScript数组的本质 #

JS里的数组其实是特殊的对象，它的“索引”本质上是对象的数字键，而且数组的length属性规则很简单：永远等于当前数组中最大的数字索引 + 1——不管中间有没有未被赋值的空位。

你的测试2到底发生了什么？ #

你的measurements里的id是1、2、3、4，当你执行list[measurements[i].id] = ''时，相当于依次给数组的索引1、2、3、4赋值为空字符串。这时候数组里最大的索引是4，所以length就变成了4 + 1 = 5。

而索引0的位置从来没有被赋值过，JS就会把它标记为empty（这是数组的“空位”，和undefined不同，它是完全未初始化的状态），所以你看到的结果就是[empty, "", "", "", ""]。

对比测试1的正常情况 #

测试1里你用循环变量i（从0到3）作为索引，给数组的索引0、1、2、3赋值，最大索引是3，所以length就是3 + 1 = 4，正好是4个元素，没有空位。

怎么实现你想要的“以id为索引”的需求？ #

如果你的核心需求是通过id快速查找对应内容，其实不建议用数组，因为数组的索引是基于0的连续数字，适合有序的连续数据。更合适的方案是用对象或者Map：

方案1：用普通对象

const idMap = {};
for (let i = 0; i < measurements.length; i++) {
  idMap[measurements[i].id] = '';
}
// 或者用reduce简化写法
const idMap = measurements.reduce((acc, item) => {
  acc[item.id] = '';
  return acc;
}, {});

方案2：用Map（更适合键是数字的场景）

const idMap = new Map();
for (let i = 0; i < measurements.length; i++) {
  idMap.set(measurements[i].id, '');
}

如果一定要用数组，且希望数组长度和原数组一致，可以把id减去1作为索引（因为你的id是从1开始的）：

let list = []
for (let i = 0; i < measurements.length; i++) {
  list[measurements[i].id - 1] = ''
}
console.log(list) // 输出 ["", "", "", ""]

内容的提问来源于stack exchange，提问作者Gaylord.P