在JavaScript中，我们可以通过方括号访问对象属性。例如，如果我们有一个名为 obj 的对象和一个名为 prop 的属性，则可以使用以下方式访问它：
----- --- - - ----- ------- - ------------------------ -- -- -------
但是，你可能会看到其他开发人员使用奇怪的语法，例如 0 [ 0 ] 来访问数组元素。这种语法看起来很奇怪，但实际上是有效的。那么为什么会这样呢？
JavaScript 中的类型转换
要理解此语法的有效性，我们需要先了解JavaScript中的类型转换机制。
JavaScript有两种类型转换：显式转换和隐式转换。显式转换是通过调用内置函数来完成的，例如 Number()、String() 和 Boolean()。隐式转换是在运行时自动执行的，例如将字符串与数字相加时。
在JavaScript中，任何值都可以被强制转换为布尔值、数字或字符串。当使用方括号访问对象属性时，JavaScript会将属性名称转换为字符串。因此，以下代码将输出相同的结果：
----- --- - - ----- ------- - ------------------------ -----------------------------
第二个例子中的属性名称是一个字符串表达式，但JavaScript在访问对象属性时会将其转换为字符串。
数组的“特殊性”
像大多数编程语言一样，JavaScript中的数组是由元素组成的有序列表。但是，在JavaScript中，数组也是对象的一种形式。数组元素可以使用数字索引来访问，类似于常规对象的属性名称。
这意味着，就像我们可以使用方括号访问对象属性一样，我们也可以使用方括号访问数组元素。以下代码演示了访问数组元素和访问对象属性之间的相似之处：
----- --- - ----- ---- ---- ----- --- - - -- -- -- -- -- - - ------------------- -- -- --- --------------------- -- -- -
数组与对象之间的区别
虽然数组和对象看起来很相似，但它们有一个重要的区别：数组的键（即索引）必须是数字类型，而对象的键可以是任何类型的值。
因此，当我们尝试将非数字值用作数组索引时，JavaScript会将该值强制转换为数字。例如，以下代码演示了将字符串 '1' 用作数组索引的行为：
----- --- - ----- ---- ---- --------------------- -- -- --- ------------------- -- -- ---
在第一个 console.log 中，我们将字符串 '1' 用作数组索引。由于JavaScript将非数字值转换为数字，因此它使用数字索引 1 访问了数组中的第二个元素。
0 [ 0 ] 语法的有效性
现在让我们回到最初的问题：为什么语法 0 [ 0 ] 是有效的？
在JavaScript中，数字可以被强制转换为字符串。例如：
----- --- - --- --------------------- -- -- -----
当我们尝试使用方括号访问数字时，JavaScript会先将该数字转换为字符串，然后将其视为对象并尝试访问属性。例如：
--------------------------------- -- -- --------- ---------- - ------- ----- -- ---------------------- -- -- ---
在第一个 console.log 中，我们
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10147