为何两个看似完全相等的数组调用map方法后结果不同？

你遇到的问题核心在于：两个数组看似值相等，但一个是稀疏数组（包含空位），另一个是包含显式undefined的普通数组，map方法对这两种情况的处理逻辑完全不同。

数组本质的区别 #

• 数组a是通过修改length属性强行拉长的，索引3到6的位置是稀疏数组的空位（empty slots）——这些位置从未被赋值，只是数组长度被人为扩大了。
• 数组b中索引3到6的位置是显式赋值为undefined的，属于数组的有效元素。

为什么every返回true？ #

当访问稀疏数组的空位时，会返回undefined，所以a[i] === b[i]的比较结果全为true——但这只是值层面的相等，并没有区分“空位”和“显式undefined”的本质结构差异。

map方法的处理逻辑 #

map方法会跳过稀疏数组中的空位，既不会对这些空位执行回调函数，也不会在结果数组中填充对应值（结果数组会保留原有的稀疏结构）；而对于显式的undefined元素，map会正常执行回调，将其替换为回调的返回值：

• 对a调用map时，只有前3个有值的元素触发回调，后4个空位被跳过，结果数组依然是长度为7的稀疏数组，所以输出为1,1,1,,,,。
• 对b调用map时，7个元素（包括4个undefined）都会触发回调，每个位置都被替换为1，所以输出为1,1,1,1,1,1,1。

直观验证数组结构差异 #

你可以通过Object.keys查看两个数组的已定义索引，直接看出结构区别：

console.log(Object.keys(a)); // ["0", "1", "2"]
console.log(Object.keys(b)); // ["0", "1", "2", "3", "4", "5", "6"]

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