array.push.apply的思路

简介: array.push.apply的思路

我们都知道 array.push()这个方法可以在数组的末尾添加值到原数组。

但是如果我们希望两个数组相加呢?

const Arr1=[1,2,3];
const Arr2=[4,5,6];

你可能脱口而出,我Arr1.push(Arr2)不就行了吗,实际上并不是,push方法只是简单的把数组Arr2整个添加到Arr1上了。

Arr1=[1,2,3,[Arr2]]

这时候我们就要用到apply了,我们看MDN的解释

image.png

关于我们这道题,重点在于这句话

image.png

Arr1.push.apply(null,Arr2)

image.png

我们不要忘了Arr1.push()其实就是一个函数,而我们apply是像数组元素里的每一项单独传给push函数,也就是这句话。

image.png

那我们push函数是干啥呢?不就是给你的Arr1后面添加元素吗?那我每一项都给你单独执行push,这不就相当于合并了数组了吗?

1.要记住,这个方法改变的是原数组,没有新增数组。


2.ES6的 const NewArry =[...Arr1,...Arr2]是让两个数组相加创建了一个新的数组。


这不就绕过来了吗?

相关文章
|
7月前
|
分布式计算 JavaScript 前端开发
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
|
7月前
实现array.slice()方法
实现array.slice()方法
|
7月前
ES6的Array.from({length:N})方法创建长度为N的undefined数组,等价于 [...Array(N)]
ES6的Array.from({length:N})方法创建长度为N的undefined数组,等价于 [...Array(N)]
|
前端开发 索引
Array.prototype.at
Array.prototype.at
83 0
|
JavaScript 索引
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map
308 0
|
JavaScript API
Array.apply(null,{length: 99}) 逻辑解析
Array.apply(null,{length: 99}) 逻辑解析
85 0
|
前端开发
前端学习案例1-object.assign
前端学习案例1-object.assign
66 0
前端学习案例1-object.assign
|
前端开发
前端学习案例6-object.assign的应用
前端学习案例6-object.assign的应用
57 0
前端学习案例6-object.assign的应用
|
前端开发
前端学习案例5-object.assign的应用
前端学习案例5-object.assign的应用
65 0
前端学习案例5-object.assign的应用
|
前端开发
前端学习案例2-object.assign之2
前端学习案例2-object.assign之2
65 0
前端学习案例2-object.assign之2