数组合并方法总结

本文介绍了JavaScript中四种连接数组的方法:concat()、for循环、apply()和扩展运算符,并对比了它们的效率和对原数组的影响。重点讲解了如何选择最适合场景的合并方式,以及为何扩展运算符在某些情况下更优。
摘要由CSDN通过智能技术生成
let arr1 = [1,2,3];
let arr2 = [4,5,6];
1、concat()
let arr = arr1.concat(arr2);  
console.log(arr)// [1,2,3,4,5,6]

Array对象提供的concat()方法,连接两个或更多的数组,并返回一个新数组,原数组不变。当我们需要连接多个数组的时候,效率很低,会造成很大的内存浪费,所以这个方法肯定不是最好的。

2、for循环
for(let i in arr1){
	arr2.push(arr1[i])
}
console.log(arr2)// [1,2,3,4,5,6]

性能相对来说要高一点,但是会改变数组本身的值,当然其它循环也可以实现

3.apply
arr1.push.apply(arr1,arr2)
console.log(arr1)// [1,2,3,4,5,6]

调用arr1.push这个函数实例的apply方法,同时把,arr2当作参数传入,这样arr1.push这个方法就会遍历arr2数组的所有元素,达到合并的效果。也会改变数组本身的值

4、ES6 – 扩展运算符
let arr = [...arr1,...arr2]
console.log(arr)// [1,2,3,4,5,6]

这个方法不会改变原数组的内容,返回新数组。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值