为什么JavaScript中长度为N的空数组不存在索引且map遍历无法获取索引？

一、为什么长度为N的空数组不存在索引？ #

在JavaScript里，数组本质上是一种特殊的对象——它的“索引”其实就是对象的数字属性名。当你用Array(5)或者new Array(5)创建数组时，JavaScript只是给这个数组对象设置了length属性为5，但并没有为它添加0、1、2、3、4这些数字属性。

举个直观的例子：

const x = Array(5);
console.log(x.hasOwnProperty(0)); // 输出 false
console.log(Object.keys(x)); // 输出 []，说明没有任何可枚举的数字属性

所以所谓“长度为5的空数组”，其实是一个稀疏数组——它的length被强制设为5，但对应的索引位置并没有被初始化，自然不存在这些索引。

二、为什么Array(5)无法用map()遍历出索引？ #

map()方法的核心逻辑是：只遍历数组中已存在的、可枚举的属性（也就是实际存在的索引），对于那些“空缺”的位置（没有被定义的索引），它会直接跳过，不会执行回调函数。

你执行x.map((el, i) => i)时，因为x的0-4索引都不存在，所以回调函数一次都不会触发，最终返回的还是一个和原数组结构一样的稀疏数组（控制台显示为[empty × 5]）。

如果想要得到预期的[0,1,2,3,4]，你需要创建一个密集数组——也就是每个索引位置都被初始化的数组，比如：

// 方法1：用Array.from直接生成
const x1 = Array.from({ length: 5 }, (_, i) => i);
console.log(x1); // 输出 [0,1,2,3,4]

// 方法2：先填充值再遍历
const x2 = Array(5).fill(undefined).map((_, i) => i);
console.log(x2); // 输出 [0,1,2,3,4]

这两种方式创建的数组，每个索引位置都有实际的值（哪怕是undefined），map()会遍历所有存在的索引，自然能返回你想要的结果。

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