JS数组pushAll方法详解|极客笔记

JS数组pushAll方法详解

在JavaScript中，数组是一种非常常用的数据结构，经常需要对数组进行操作。数组的 push() 方法用于向数组末尾添加一个或多个元素，并返回新的长度。但有时候我们希望将一个数组中的所有元素添加到另一个数组中，此时native JavaScript并没有提供 pushAll() 方法。本文将介绍如何实现 pushAll() 方法，并展示如何使用它。

实现pushAll()方法

要实现 pushAll() 方法，可以通过扩展数组的原型对象来添加新方法。下面是一个简单的实现：

Array.prototype.pushAll = function(arr) {
  for (var i = 0; i < arr.length; i++) {
    this.push(arr[i]);
  }
};

上面的代码中，我们通过 Array.prototype.pushAll 在原型对象上添加了一个新方法，这个方法接受一个数组作为参数，将这个数组中的所有元素添加到调用者数组中。

使用pushAll()方法

现在我们已经定义了 pushAll() 方法，下面来演示如何使用它：

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

arr1.pushAll(arr2);

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

如上所示，首先创建两个数组 arr1 和 arr2，然后调用 arr1 的 pushAll() 方法将 arr2 中的所有元素添加到 arr1 中，最后输出显示 arr1 中包含了 arr2 中的所有元素。

示例代码

下面是一个完整的示例代码，展示了如何定义和使用 pushAll() 方法：

Array.prototype.pushAll = function(arr) {
  for (var i = 0; i < arr.length; i++) {
    this.push(arr[i]);
  }
};

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

arr1.pushAll(arr2);

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

以上代码可以在浏览器的开发者工具中执行，或者通过Node.js来执行，输出如下：