JavaScript中的数组本质上是一种特殊的对象，这一特性决定了它既可以存储按数字索引排列的元素，也可以拥有普通的命名属性，两者的共存是语言设计层面的自然结果。
数组的本质是对象
在JavaScript中，几乎所有数据类型都是对象，数组也不例外。我们可以通过typeof操作符验证这一点，数组的类型返回值是object，而不是单独的数组类型。
数组和普通对象的区别在于，数组的[[Class]]内部属性被标记为Array，同时数组会自动维护length属性，而普通对象没有这个特性。但两者的属性存储逻辑是一致的：所有属性都以键值对的形式存在，只是数组的键通常是数字，而普通对象的键通常是字符串。
索引属性与命名属性的存储差异
数组的索引属性指的是键为非负整数的属性，这类属性会被数组特殊处理，直接影响length属性的值。而命名属性指的是键为字符串（且不是非负整数字符串）的属性，这类属性和普通对象的属性没有区别，不会影响length。
我们可以通过下面的代码直观看到两者的区别：
// 创建一个空数组 let arr = []; // 添加索引属性 arr[0] = '第一个元素'; arr[1] = '第二个元素'; // 添加命名属性 arr.name = '测试数组'; arr['custom_key'] = '自定义值'; console.log(arr); // 输出: ["第一个元素", "第二个元素", name: "测试数组", custom_key: "自定义值"] console.log(arr.length); // 输出: 2，命名属性不影响length
共存机制的底层逻辑
JavaScript引擎在处理数组时，会先判断属性的键是否为非负整数：
- 如果是非负整数，就将其作为索引属性处理，更新数组的长度，同时将该属性存入数组的索引存储区（部分引擎会对密集数组做优化，使用连续内存存储，稀疏数组则和普通对象一样用哈希表存储）。
- 如果不是非负整数，就将其作为普通对象的属性处理，存入对象的属性哈希表中，和数组的索引存储区相互独立，因此不会影响
length属性。
需要注意的是，当索引属性的键是字符串形式的非负整数时，JavaScript会先将其转换为数字再处理，比如arr['2'] = '元素'等价于arr[2] = '元素'，会直接影响length。
实际使用中的注意事项
虽然数组支持添加命名属性，但不建议过度使用这种特性，原因如下：
- 数组的很多内置方法（如
map、filter、forEach等）只会遍历索引属性，不会处理命名属性，容易导致逻辑遗漏。 - 命名属性会破坏数组的“有序集合”语义，让代码的意图变得不清晰，其他开发者阅读时容易产生困惑。
- 如果需要同时存储索引数据和附加信息，更合理的做法是使用对象包裹数组，比如
{ list: [], name: 'xxx' }，而不是给数组直接添加命名属性。
如果确实需要给数组添加元数据，也要注意避免命名属性和索引冲突，比如不要使用数字字符串作为命名属性的键。
常见误区说明
很多开发者会误以为数组的length属性等于数组所有属性的数量，实际上length只和最大的数字索引有关。比如下面的例子：
let arr = []; arr[10] = '第十一个元素'; console.log(arr.length); // 输出: 11，中间的位置是空位 console.log(arr.name); // 输出: undefined，命名属性不影响length arr.test = '测试'; console.log(arr.length); // 输出: 11，依然不变
另外，使用for...in循环遍历数组时，会同时遍历到索引属性和命名属性，这也是不推荐使用for...in遍历数组的原因之一，更推荐使用for循环或者for...of循环遍历索引属性。
总结
JavaScript数组的索引属性和命名属性能共存，根源在于数组本质是特殊对象，两类属性的存储逻辑相互独立。索引属性由数组的特殊机制维护，影响length属性；命名属性和普通对象属性一致，不影响数组的长度。在实际开发中，建议尽量遵循数组的使用规范，避免滥用命名属性，保证代码的可读性和可维护性。
JavaScript数组索引属性命名属性对象机制修改时间：2026-07-16 12:30:29