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。