数组合并的几种常用方法和代码示例

数组合并的几种常用方法和代码示例 第一张

数组合并是JavaScript中常用的一项操作,有几种常用的方法可以实现,它们的实现原理和用法各有不同。

1.concat()方法

concat()方法用于连接两个或多个数组,并返回新数组。

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

2.Array.from()方法

Array.from()方法用于将两个或多个数组合并成一个数组,返回一个新数组。

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

3.spread(…)运算符

spread(…)运算符可以将一个数组转换为由逗号分隔的参数序列。

var arr1 = [1,2,3];
var arr2 = [4,5,6];
var arr3 = [...arr1, ...arr2];
// arr3 = [1,2,3,4,5,6]

4.push()方法

push()方法用于将一个或多个元素添加到数组的末尾,并返回新数组的长度。

var arr1 = [1,2,3];
var arr2 = [4,5,6];
arr1.push(...arr2);
// arr1 = [1,2,3,4,5,6]

5.unshift()方法

unshift()方法用于将一个或多个元素添加到数组的开头,并返回新数组的长度。

var arr1 = [1,2,3];
var arr2 = [4,5,6];
arr1.unshift(...arr2);
// arr1 = [4,5,6,1,2,3]

6.forEach()方法

forEach()方法用于对数组的每个元素执行一次提供的函数,不会改变原数组,但是可以通过回调函数实现数组合并。

var arr1 = [1,2,3];
var arr2 = [4,5,6];
var arr3 = [];
arr1.forEach(function(item){
    arr3.push(item);
});
arr2.forEach(function(item){
    arr3.push(item);
});
// arr3 = [1,2,3,4,5,6]
© 版权声明
THE END
分享