在 JavaScript 中，使用方括号 [] 来访问数组中的元素。例如，可以使用 arr[0] 访问数组 arr 的第一个元素。
那么，为什么在 JavaScript 中，使用 [5,6,8,7] [1,2] 却会返回 8 呢？
理解 JavaScript 中的方括号
首先，需要理解 JavaScript 中使用方括号访问数组元素的方式。JavaScript 允许使用方括号来访问数组中的元素，如下所示：
----- --- - --- -- -- --- -------------------- -- -- -
这里的 arr[1] 表示访问数组 arr 中的第二个元素（索引从 0 开始计数）。
了解 JavaScript 中的隐式类型转换
其次，需要了解 JavaScript 中的隐式类型转换。JavaScript 是一种动态类型语言，变量可以自由地改变类型。在某些情况下，JavaScript 还会自动将某些类型转换为其他类型。
例如，当对字符串和数字进行加法运算时，JavaScript 会将数字转换为字符串，如下所示：
------------------- - ---- -- -- ---------
在上面的代码中，42 被自动转换为字符串 '42'，并与字符串 'hello' 进行拼接。
探究 [5,6,8,7] [1,2] = 8 的原因
回到问题本身，为什么 [5,6,8,7] [1,2] 会返回 8 呢？
实际上，JavaScript 在计算表达式 [5,6,8,7] [1,2] 时，会进行如下的隐式类型转换：
- 将 [5,6,8,7] 转换为字符串 '5,6,8,7'；
- 将 [1,2] 转换为字符串 '1,2'；
- 将 '1,2' 插入到 '5,6,8,7' 中间，得到字符串 '5,1,2,6,8,7'；
- 将 '5,1,2,6,8,7' 再次转换为数组，即 [5, 1, 2, 6, 8, 7]；
- 访问数组 [5, 1, 2, 6, 8, 7] 的第三个元素，即 8。
因此，[5,6,8,7] [1,2] 返回的结果为 8。
如何避免这种情况
虽然 [5,6,8,7] [1,2] 可以返回正确的结果，但这种做法并不可靠，容易引起混淆和错误。因此，在编写 JavaScript 代码时，应该尽量避免使用类似的技巧，以提高代码的可读性和可维护性。
为了避免这种情况，可以使用更加明显的方式来访问数组元素，例如 arr[1] 或者 arr.slice(1, 3)。
示例代码
下面是一个示例代码，展示了如何使用 arr[1] 来访问数组元素：
----- --- - --- -- -- --- ----- ------ - ------- -------------------- -- -- -
另外，下面是一个示例代码，展示了如何使用 slice 方法来访问数组元素：
----- --- - --- -- -- --- ----- ------ - ------------ --- -------------------- -- -- --- --
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8705