为什么 [5,6,8,7] [1,2] = 8 在 JavaScript 呢？

在 JavaScript 中，使用方括号 [] 来访问数组中的元素。例如，可以使用 arr[0] 访问数组 arr 的第一个元素。

那么，为什么在 JavaScript 中，使用 [5,6,8,7] [1,2] 却会返回 8 呢？

理解 JavaScript 中的方括号

首先，需要理解 JavaScript 中使用方括号访问数组元素的方式。JavaScript 允许使用方括号来访问数组中的元素，如下所示：

const arr = [5, 6, 8, 7];
console.log(arr[1]); // 输出 6

这里的 arr[1] 表示访问数组 arr 中的第二个元素（索引从 0 开始计数）。

了解 JavaScript 中的隐式类型转换

其次，需要了解 JavaScript 中的隐式类型转换。JavaScript 是一种动态类型语言，变量可以自由地改变类型。在某些情况下，JavaScript 还会自动将某些类型转换为其他类型。

例如，当对字符串和数字进行加法运算时，JavaScript 会将数字转换为字符串，如下所示：

console.log('hello' + 42); // 输出 'hello42'

在上面的代码中，42 被自动转换为字符串 '42'，并与字符串 'hello' 进行拼接。

探究 [5,6,8,7] [1,2] = 8 的原因

回到问题本身，为什么 [5,6,8,7] [1,2] 会返回 8 呢？

实际上，JavaScript 在计算表达式 [5,6,8,7] [1,2] 时，会进行如下的隐式类型转换：

1. 将 [5,6,8,7] 转换为字符串 '5,6,8,7'；
2. 将 [1,2] 转换为字符串 '1,2'；
3. 将 '1,2' 插入到 '5,6,8,7' 中间，得到字符串 '5,1,2,6,8,7'；
4. 将 '5,1,2,6,8,7' 再次转换为数组，即 [5, 1, 2, 6, 8, 7]；
5. 访问数组 [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] 来访问数组元素：

const arr = [5, 6, 8, 7];
const result = arr[1];
console.log(result); // 输出 6

另外，下面是一个示例代码，展示了如何使用 slice 方法来访问数组元素：

const arr = [5, 6, 8, 7];
const result = arr.slice(1, 3);
console.log(result); // 输出 [6, 8]

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8705