Array.push.apply()

最新推荐文章于 2022-04-09 17:58:52 发布
最新推荐文章于 2022-04-09 17:58:52 发布
阅读量2k 收藏 2
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fang_my/article/details/123678853
版权

javascript

我们都知道 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的解释

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

 

Arr1.push.apply(null,Arr2)

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

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

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

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

这不就绕过来了吗？ 

韩振方
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于JS数组追加数组采用push.apply的问题
12-11
代码如下:a = new Array();b = new Array(125624);                     a.push.apply(a, b);以上的代码在mac的chrome下抛出了如下的异常 代码如下:Uncaught RangeError: Maximum call stack size exceeded如果把数组改为b = new Array(125623);小一个元素居然就好了，测试了一下其他浏览器也都有大数组才出错的问题，但不同浏览器临界值还各异。 搜索了http://stackoverflow.com/questions/1374126/how-to-app
Array.prototype.slice.apply的使用方法
09-05
`Array.prototype.slice.apply` 是 JavaScript 中一种巧妙的技巧，它允许我们借用 `Array.prototype.slice` 方法来处理非数组对象，尤其是 `arguments` 对象。`arguments` 是一个伪数组对象，它在每个函数内部可用，...
数组的apply方法（合并数组）
weixin_51518876的博客
09-01 1122
合并数组的方法有： - push (push进去的数组会被作为一个整体当做目标数组的一个元素) var array = ['a','b']; var elements = [1,2,3]; array.push(elements); console.log(array); - concat （concat方法不会改变原始数组，而是返回一个合并以后的新数组） var array = ['a','b']; var elements = [1,2,3]; var result = array.concat(e
JS 数组合并的3种方法（concat(),push(),push.apply()）
旭东怪的博客
09-07 9411
1 concat()
【JavaScript】- ；[].push.apply(a, b)和 Array.prototype.push.apply(a, b)；
m0_55960697的博客
04-09 1518
;[].push.apply(a, b) 和 Array.prototype.push.apply(a, b); apply的作用在这里有两个： 1、将操作对象换成对象a 2、将b作为push()函数的参数 这句话的意思就是：将b追加到a里面，如果a为数组，也可以写成a.push(...b) 其实这两种写法都是调用push方法而已 let a = [1,2,3] let b = [4,5,6] ;[].push.apply(a, b); // 注意：[]前面一定要有 ;分号，不然.
学习过程中对.push.apply()的一点理解
weixin_45784423的博客
03-24 1933
最近在看设计模式这本书，在书里频繁使用.push.apply()和.concat.apply()属实把我正迷惑了，在学习的时候了解到的都是关于这两个方法改变this指向的问题 const cost = (function () { const args = [] return function () { if (arguments.length === 0) { let money = 0
JS数组追加数组采用push.apply的坑
weixin_33909059的博客
06-09 723
2019独角兽企业重金招聘Python工程师标准>>> ...
JS数组降维的实现Array.prototype.concat.apply([], arr)
11-21
本文主要探讨了如何将多维数组，尤其是二维数组，转换为一维数组的几种方法，重点集中在`Array.prototype.concat()`、`apply()`以及它们在Vue2.6.11版本源码中的应用。 首先，我们可以使用简单的循环来实现二维数组...
Array.prototype 的泛型应用分析
09-05
在JavaScript中，`Array.prototype` 是一个非常重要的概念，它包含了一系列用于操作数组的方法，如 `push`, `pop`, `shift`, `unshift`, `slice`, `splice` 等。这些方法不仅可以直接应用于真正的数组实例，还可以...
javascript Array.prototype.slice使用说明
10-28
为了解决这个问题，我们可以使用 `call` 或 `apply` 方法，将 `slice` 方法应用于非数组的 `array-like` 对象，如 `arguments` 或 `NodeList`。 在实际应用中，我们有时会面临选择使用 `Array.prototype.slice` ...
JS数组降维–Array.prototype.concat.apply([], arr)
01-08
JS数组降维–Array.prototype.concat.apply二维数组降为一维数组循环降维concat降维apply和concat降维Vue2.6.11版本源码降维多维数组降为一维数组递归降维 把多维数组（尤其是二维数组）转化为一维数组是业务开发中的常用逻辑，最近跟着黄轶老师学习Vue2.6.1.1版本源码时,看到源码对二维数组降维的代码,所以这里来写一篇,记录一下,加强印象 Vue源码学习 二维数组降为一维数组 循环降维 let children = [1, 2, 3, [4, 5, 6], 7, 8, [9, 10]]; function simpleNormalizeChildr
Array.prototype.concat不是通用方法反驳[译]
09-05
相比之下，`Array.prototype.push`方法才是真正的通用方法，它能够正确地处理类数组对象： ```javascript var arrayLike = { 0: "hello", length: 1 }; [].push.call(arrayLike, "world"); // 2 arrayLike // { '0'...
JavaScript模拟push_.docx
10-09
在JavaScript中，`Array.prototype.push`是一个内置的方法，用于向数组的末尾添加一个或多个元素，并返回新的数组长度。在本文中，我们将探讨如何使用JavaScript模拟实现`push`方法，以及如何将其扩展为适用于所有...
vue源码学习之Object.defineProperty 对数组监听
08-27
在上面的示例代码中，我们重写了 Array.prototype.push() 方法，以便监听数组的变化。当我们调用 testPush.push(1) 和 testPush.push(2) 时，控制台将输出相应的信息。 在 Vue 源码学习中，我们可以使用 Object....
[].push.apply(a, b)是什么意思
qq_29055201的博客
12-12 9143
apply的作用在这里有两个： 1）将操作对象换成对象a 2)将b作为push()函数的参数 这句话的意思就是：将b追加到a里面，如果a为数组，也可以写成a.push(b) 或者Array.prototype.push.apply(a, b) 如果此时a的值为null, undefined, Function时，会报错， 如果为number, string, boolean, 不会报错，但是也没有...
js中apply方法的使用
lm312177697的专栏
10-14 435
js中apply方法的使用 1、对象的继承，一般的做法是复制：Object.extend prototype.js的实现方式是：    Object.extend = function(destination, source) {      for (property in source) {          destination[property] = sourc
Array.prototype.push结合apply 实现 object 伪装数组
Lostlover
10-19 3237
var Visitor = {} Visitor .push = function(){ return Array.prototype.push.apply( this, arguments ); } var obj = {}; obj.push = Visitor .push; obj.push( '"first" ); alert ( obj[0] ) //"first" al
manager.Array添加列表的示例
最新发布
06-01
如果您要将一个列表添加到`manager.Array`中，您可以使用`push()`方法。例如，假设您有一个名为`myList`的列表，您想将其添加到`manager.Array`中，代码如下： ``` manager.Array.push.apply(manager.Array, myList); ``` 这将把`myList`中的所有元素添加到`manager.Array`的末尾。需要注意的是，我们使用了`apply()`方法来将`myList`中的元素展开为参数，然后传递给`push()`方法。 如果您想在特定位置添加一个元素列表，可以使用`splice()`方法。例如，假设您有一个名为`newList`的元素列表，您想将其添加到`manager.Array`的第二个位置，代码如下： ``` manager.Array.splice.apply(manager.Array, [1, 0].concat(newList)); ``` 这将把`newList`中的所有元素添加到`manager.Array`中的索引1处。需要注意的是，我们使用了`apply()`方法来将数组展开为参数，然后传递给`splice()`方法。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值