jQuery 数组合并 - Javascript

在 Javascript 中，经常需要操作数组，将两个数组合并成一个新的数组是经常出现的需求。jQuery 提供了方便的方法来实现这种操作。

方法

使用 jQuery 的 $.merge() 方法可以方便地合并两个数组，此方法接受两个参数，第一个参数是目标数组，第二个参数是源数组。合并的结果会直接影响目标数组。

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
$.merge(arr1, arr2);
console.log(arr1); // [1, 2, 3, 4, 5, 6]

这里我们将 arr1 和 arr2 两个数组合并成一个数组，结果储存在 arr1 中。输出结果为 [1, 2, 3, 4, 5, 6]。

需要注意的是，使用 $.merge() 合并数组时，源数组的元素会被添加到目标数组中。假如目标数组中已经存在相同的元素，则源数组中的元素不会被添加。换句话说，$.merge() 只会添加目标数组中不存在的元素。

除了 $.merge() 方法，Javascript 原生也提供了数组合并的方法 concat()。不过，concat() 方法会返回一个新的数组，而不会直接修改原数组。

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2);
console.log(arr1); // [1, 2, 3]
console.log(arr2); // [4, 5, 6]
console.log(arr3); // [1, 2, 3, 4, 5, 6]

这里我们将 arr1 和 arr2 两个数组合并成一个新的数组 arr3。其中，arr1 和 arr2 不会被修改。输出结果为：

[1, 2, 3]
[4, 5, 6]
[1, 2, 3, 4, 5, 6]

结论

在 Javascript 中，使用 $.merge() 方法可以方便地合并数组，且可以直接修改原数组。而 concat() 方法可以合并数组，但是会返回一个新的数组，不会直接修改原数组。根据实际需求选择不同的方法。