数字索引和字符串索引的区别

长念阅读约 3 分钟4 年前发布2 年前编辑

数字索引

提示

JavaScript 中数组下标的取值范围是 0 ~ 2^32 - 1 之间的整数。

合法数字索引

正常存取数组，同时改变数组的长度。数组的长度会被更新为索引 + 1，即使当前数组没有这么多元素 (稀疏数组)。

let arr = [];

arr[5] = 5;
arr.length; // 5

非法数字索引

可以存取数组 (就像操作对象一样)，但不会改变数组的长度，数组的方法对这些元素也不再适用；可以通过 Object.keys() 等方式访问；

for...of 无法访问非法索引位置的元素
for...in 可以访问到非法数字索引

let arr = [];

arr[-1] = 'apple';
arr[-1]; // apple
arr.length; // 0
Object.keys(arr); // ['-1']

for (let i = -1; i < arr.length; i++) {
  console.log(arr[i]); // apple
}
for (const i in arr) {
  console.log(i); // -1
}
for (const item of arr)) {
  console.log(item); // 无输出
}

字符串索引

数字字符串

如果是在数组索引范围内，则能被正确解析，同合法数字索引。但有一点需要特别注意，参见关于索引。

let arr = [];

arr['1'] = 'apple';
arr[1]; // apple
arr.length; // 1

如果是非法索引，同非法数字索引。

let arr = [];

arr['-1'] = 'apple';
arr['-1']; // apple
arr.length; // 0

其他字符串

数组以其他字符串作为下标时，情况和非法数字索引一致)。

let arr = [];

arr['name'] = 'banana';
arr['name']; // banana
arr.length; // 0

关于索引

JavaScript 中以数字开头的属性都不能通过点号 . 引用，必须使用方括号 []；
数字类型的索引其实会被 JavaScript 解释器调用 toString 方法隐式转为字符类型；所以数字类型的索引和字符串类型的索引语法表现基本一致 (注意特例)。

特例：数字索引 1 和字符串索引 '1' 是等价的，但是和 '01' 就是完全不同的。

let arr = [];
arr[1] = 'apple';
arr['1'] = 'banana';
arr['01'] = 'apple';

arr[1] === arr['1']; // true
arr['1'] !== arr['01']; // true

总结

如果索引为合法数字索引或可以转换为合法数字索引，表现为正常的数组特性；
其他情况表现为对象特性；

数字索引​

合法数字索引​

非法数字索引​

字符串索引​

数字字符串​

其他字符串​

关于索引​

总结​