在 JavaScript 中，当你尝试使用“+”操作符将两个数组合并成一个时，可能会得到意外的结果。例如，当你尝试使用 [1,2] + [3,4] 时，你会发现结果是 "1,23,4" 而不是 [1,2,3,4]。
这个问题的原因是，JavaScript 中的 + 操作符在连接字符串时会将数组隐式地转换为字符串。因此，这个表达式其实等价于 "[1,2]" + "[3,4]"，即将两个字符串连接起来。
解决方法
为了正确地将两个数组合并成一个数组，我们需要使用 concat() 方法。该方法不会修改原始数组，而是返回一个新的数组，其中包含所有输入数组的元素。
const arr1 = [1, 2]; const arr2 = [3, 4]; const result = arr1.concat(arr2); // [1, 2, 3, 4]
深度分析
为了更好地理解为什么 [1,2] + [3,4] 的结果是 "1,23,4"，我们可以深入探讨一下 JavaScript 是如何处理这种类型的操作的。
当你使用 + 操作符将两个值相加时，JavaScript 会遵循以下规则：
- 如果两个值都是字符串，则将它们连接起来。
- 如果两个值中至少有一个不是字符串，则将它们转换为数字，并相加。
在这种情况下，由于 [1,2] 和 [3,4] 都不是字符串，所以 JavaScript 会尝试将它们转换为数字。由于数组无法被直接转换为数字，JavaScript 将它们转换为字符串，然后将它们连接在一起。
Number([1,2]); // NaN String([1,2]); // "1,2"
因此，[1,2] + [3,4] 等价于 "1,2" + "3,4"，得到的结果就是 "1,23,4"。
指导意义
理解 JavaScript 中 + 操作符对不同类型的值的处理方式是非常重要的。除了上述示例中提到的规则之外，还有许多其他情况需要考虑。如果你不理解某个操作的行为，最好查看相关文档或参考别人的代码，以免造成意外的错误。在本例中，使用 concat() 方法可以避免出现错误并获得正确的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8313