快捷搜索:  汽车  科技

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)1.map不太常见的方法let arr1 = [1 2];let arr2 = [3 4];console.log(arr1.concat(arr2));2.for循环push添加let arr1 = [1 2];let arr2 = [3 4]; arr2.forEach(x=>arr1.push(x));console.log(arr1);一些刚接触JavaScript的同学可能会写成这种循环:结果都是一样的,对ES6不了解的同学可以参考小专栏ES6小册子。

合并两个数组是一个很简单的需求,但是很多人只知道concat方式。今天我帮大家总结一下合并数组的常见方式。

01

常见的方法

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)(1)

1.concat

这是每一个JavaScript入门程序员都知道的方法,使用方式如下:

let arr1 = [1 2];let arr2 = [3 4];console.log(arr1.concat(arr2));

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)(2)

2.for循环push添加

let arr1 = [1 2];let arr2 = [3 4]; arr2.forEach(x=>arr1.push(x));console.log(arr1);

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)(3)

一些刚接触JavaScript的同学可能会写成这种循环:

结果都是一样的,对ES6不了解的同学可以参考小专栏ES6小册子。


02

不太常见的方法

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)(4)

1.map

map方法在这里其实只是起到了遍历数组的作用。

let arr1 = [1 2];let arr2 = [3 4]; arr2.map(x=>arr1.push(x));console.log(arr1);

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)(5)

既然map只是起到了遍历数组的作用,那么其他能做到遍历数组的方法例如every,filter也是可以的。

let arr1 = [1 2];let arr2 = [3 4]; arr2.every(x=>arr1.push(x)); arr2.filter(x=>arr1.push(x));console.log(arr1);

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)(6)

2.扩展运算符

扩展运算符是ES6的新功能,它的作用是把对象或数组的元素展开。这也给合并数组提供了一个及其简便的范式。

let arr1 = [1 2];let arr2 = [3 4]; arr1 = [...arr1 ...arr2]console.log(arr1);

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)(7)

将两个不同长度的数组合并在一起(请你告诉我合并两个数组)(8)

有其他方式,欢迎你给我留言。

猜您喜欢: