每个崭露头角的程序员都需要知道如何在 JavaScript 中使用数组。对于那些希望处理大量数据的人来说尤其如此。

在 JavaScript 中，数组用于在单个变量下存储多个元素。但是，快速创建数组和手动输入元素变得非常耗时和复杂。这就是 JavaScript 数组推送方法的用武之地。

在这篇文章中，您将了解 JavaScript 数组推送方法的来龙去脉。让我们潜入。

立即下载：Java & JavaScript 简介

什么是 JavaScript 数组推送？

假设您有一个已经包含多个元素的数组。现在，您需要向该数组添加一个额外的元素。.push（） 方法允许您将额外的元素添加到现有数组的末尾，而不是创建包含新元素的新数组。

然后，.push（） 命令使用新的长度返回数组。它更改原始数组的大小，并返回一个新数组（添加了新元素）作为输出。

可以使用数组推送向数组添加一个或多个元素。

当您需要知道数组中包含多少个数据点或将数组的所有值相加时，使用数组推送非常有用。

如何创建 JavaScript 数组推送

您可以使用一个或多个参数将 .push（） 命令应用于任何项目列表。JavaScript 数组推送可用于包含字符串、变量或函数的数组。你也可以使用 .push（） 将元素从一个数组附加到另一个数组。

下面是数组推送语法的示例：

array.push（“element1，element2，element3,.....,elementN，”）;

在这里，array.push 是命令。同时，逗号分隔的列表指示要添加到现有数组中的元素。

JavaScript 数组推送在行动

了解如何使用 JavaScript 数组推送的最好方法是熟悉它在各种情况下的使用示例。以下是阵列推送的一些常见用例。

使用数组推送将元素添加到现有数组

在这个初始示例中，.push（） 用于将单个项目添加到数组中。这是一个演示命令工作原理的简单练习。

假设我们有一个包含宠物列表的数组。我们想将项目“龙猫”添加到这个数组中。以下是该命令的外观：

const fruits = ['dogs', 'cats'];colors.push('chinchillas');console.log(pets);

这里的数组是“水果”，而香蕉和橙子是现有的项目。通过运行上述操作，您将获得以下输出：

[“狗”、“猫”、“龙猫”]

这里发生的一切就是将项目（“龙猫”）传递给 .push（） 方法，然后将其附加到现有的 pets 数组中。

使用数组推送将多个元素添加到数组的末尾

第一个例子非常简单和有用。但 .push（） 在实际意义上的真正价值是能够在数组末尾添加多个元素。

让我们继续介绍宠物阵列方案。假设您要将龙猫、猪和鸟类添加到现有数组中。以下是该命令的外观：

const fruits = ["dogs", "cats"];fruits.push("chinchillas", "pigs", "birds");console.log(fruits);

方法和结果完全相同。您只需将苹果、草莓和梨添加到已经包含狗和猫的数组中。通过向数组添加多个元素，您将获得以下输出：

[“狗”、“猫”、“龙猫”、“猪”、“鸟”]

现在，您不必仅仅为了添加更多项目而创建一个全新的数组。

使用数组推送将一个数组的元素添加到另一个数组

那么，阵列推送在哪些其他情况下会很有用呢？一个特殊的用例是能够从一个数组中获取元素并将它们附加到完全不同的数组中。

我们已经从前面的示例中获得了宠物数组。但是，如果我们还想添加已经包含在自己数组中的爬行动物呢？

以下是我们现有的两个数组：

让宠物 = [“狗”、“猫”、“龙猫”、“猪”、“鸟”]

让爬行动物=[“蜥蜴”，“蛇”，“变色龙”];

现在让我们使用 .push（） 与循环相结合来向宠物添加爬行动物。循环将迭代爬行动物数组的元素，然后数组推送将它们添加到宠物数组的末尾。该命令如下所示：

for (const pets of reptiles) {

   pets.push(pets);}console.log(pets);

那么，在这种情况下，输出会是什么样子？

[“狗”、“猫”、“龙猫”、“猪”、“鸟”、“蜥蜴”、“蛇”、“变色龙”]

这是组合两个数组的简单直接的方法。

更高效地使用阵列推送的方法

上面的提示非常有用。但是，当您处理大量数据时，可以使用一些技巧来减少重复的步骤。

当 JavaScript 的 ES6 标准问世时，它包含了一些以更短、更有效的方式编写代码的新方法。其中一种方法是点差运算符。此功能允许可迭代对象（如数组）扩展到其他元素，以便您可以高效地编写 JavaScript。

它本质上是一个复制和粘贴功能，使您不必将项目作为 .push（） 命令的一部分单独传递。

让我们以以下示例为例，我们将传递一个数组，然后使用扩展功能 （...） 将一个数组附加到另一个数组：

const pets = ["dogs", "cats"];const reptiles = ["lizards", "snakes", "chameleons"];

   pets.push(...reptiles);console.log(pets);	

就像单独传递蔬菜项的更手动和重复的方法一样，您将获得以下输出：

[“狗”、“猫”、“蜥蜴”、“蛇”、“变色龙”]

很明显，在处理大型复杂数组时，像 spread 这样的功能是多么有用。

在 JavaScript 中使用数组

在扩展您的 JavaScript 知识时，了解如何尽可能快速有效地编写代码是必不可少的。阵列推送等功能使您能够减少大量手动编码和重复条目，尤其是在处理大量数据时。