JavaScript中数组数字索引与字符串索引的差异及内存机制探讨

嘿，这个问题问到JS数组的本质上了——很多刚入门的开发者都会被JS里数组的“双重身份”搞懵，毕竟它本质就是个特殊的对象！咱们把区别拆成几个核心点说清楚：

1. 对数组length属性的影响天差地别 #

• 当你用**数字（或者能被解析为非负整数的字符串，比如"0"、"123"）**作为索引时，JS会把它认定为数组的「正经索引」，直接关联数组的length属性。比如你给arr[5] = 'test'，哪怕数组前5个位置都是空的，arr.length也会自动变成6。
• 但如果字符串索引不是合法的非负整数（比如"10.5"、"username"），它就只是数组对象的普通属性，完全不会触动length。

举个直观的代码例子：

const arr = [];
// 数字索引，影响length
arr[2] = 'apple';
console.log(arr.length); // 输出3

// 合法整数字符串，等效于数字索引
arr['3'] = 'banana';
console.log(arr.length); // 输出4

// 非整数字符串，只是普通对象属性
arr['favorite'] = 'orange';
console.log(arr.length); // 还是4！
console.log(arr.favorite); // 输出'orange'

2. 底层存储与访问机制不同 #

JS引擎对数组的存储做了针对性优化：

• 对于合法数字索引（包括转成数字的合法整数字符串），引擎会用连续的内存块来存储元素，这和传统编程语言的数组逻辑一致，访问速度是O(1)的随机访问，效率极高。
• 而普通字符串属性（非合法整数字符串），会被存在对象的哈希属性表里，和普通JS对象的属性存储逻辑完全一样——访问时需要做哈希查找，虽然日常场景下性能差异不明显，但底层机制是完全不同的。

3. 数组内置方法的遍历范围不同 #

数组的内置方法（比如forEach()、map()、filter()）只会遍历合法数字索引对应的元素，那些普通字符串属性根本不会被纳入遍历范围。比如上面的例子里，执行arr.forEach(item => console.log(item))，只会输出apple和banana，orange完全不会被打印出来。

总结：什么时候等效？ #

只有当字符串索引是能被解析为非负整数的纯数字字符串时，它才和数字索引完全等效；其他情况下，字符串索引就是给数组对象添加普通属性，和数组的核心机制无关。

内容的提问来源于stack exchange，提问作者I'm not human