js对象属性名的类型

const arr = [1];

arr[0]++;
arr['0']++;

console.log('arr[0]: ', arr[0], "arr['0']:", arr['0']);

先分析上面代码运行的结果是多少，arr[0] 与 arr['0']两种方式访问数组元素有什么不同？

通过方括号[]来获取对象中的属性值，形式为：对象[属性名]，

其中，属性名可以是字面量，如 obj['name'] （等同于obj.name），也可以是变量obj[a]，或obj[a+b]（变量需符合命名规范）。

上面arr为数组类型，数组也是一个对象（插一句，函数是一种可以调用的对象），因此可以理解成以下形式：

arr: {
    0: 1, // 这里的索引 0 是string类型，即 '0'
    length: 1
}

注意：js的属性名类型只有两种，分别是string | symbol，也就是说除symbol之外的属性名类型都将统一转化为字符串。

所以，上面代码中 arr[0]和arr['0'] 两者操作的是同一个值， 输出结果都是 3。