从新手程序员到编码专家，所有技能级别的Web开发人员都认识到JavaScript在开发现代网站中的重要性。JavaScript是如此的优势，所以知道是否要创建应用程序是一项关键技能。

JavaScript语言内置的最强大的构建块之一是数组。数组通常存在于许多编程语言中，用于存储数据。

JavaScript使用数组，但添加了称为数组方法的有用特性。作为一名开发人员，有五种方法可以帮助你提高技能。

什么是数组方法(array methods)？

数组方法是JavaScript内置的函数，可以应用于数组。每个方法都有一个唯一的函数，可以对数组执行更改或计算，从而使您无需从头开始编写通用函数。

JavaScript中的数组方法是使用附加到数组变量的点表示法运行的。因为它们只是JavaScript函数，所以总是以括号结束，括号可以容纳可选参数。下面是一个附加到名为myArray的简单数组的方法。

var myArray = [1,2,3]; myArray.pop();

这段代码将对数组应用一个名为pop的方法。

示例数组

对于每个示例，让我们使用一个我们将调用myArray的示例数组来执行这些方法。随时拉上您的控制台和代码随着我们去。

var myArray = [2,4,5,7,9,12,14];

这些示例将假定您知道JavaScript是什么以及它是如何工作的基础。如果你不知道，没关系，我们都在这里学习和成长。

让我们深入探讨五种强大的方法！

1数组.推送()

它的作用：push（）获取数组并将一个或多个元素添加到数组的末尾，然后返回数组的新长度。此方法将修改现有数组。

让我们通过运行push（）将数字20添加到数组中，使用20作为参数。

var myArray = [2,4,5,7,9,12,14];myArray.push(20);

让我们看看它是否有效

c***ole.log(myArray); [2,4,5,7,9,12,14,20]

在myArray上运行push（）方法将参数中给定的值添加到数组中。在这种情况下，20。当您在控制台中检查myArray时，您将看到值现在被添加到数组的末尾。

2数组.concat()

is的作用：concat（）可以将两个或多个数组合并到一个新数组中。它不修改现有的数组，而是创建一个新的数组。

让我们使用myArray并将一个名为newArray的数组合并到其中。

var myArray = [2,4,5,7,9,12,14];var newArray = [1,2,3];var result = myArray.concat(newArray); c***ole.log(result); [2,4,5,7,9,12,14,1,2,3]

在处理需要组合的多个数组或值时，这种方法非常有效，在使用变量时只需一个非常简单的步骤。

三。数组.join()

它的作用是：join（）获取一个数组，并将数组的内容连接起来，并用逗号分隔。结果被放置在字符串中。如果要使用逗号的替代项，可以指定分隔符。

让我们看看如何使用myArray。首先使用不带分隔符参数的默认方法，该方法将使用逗号。

var myArray = [2,4,5,7,9,12,14];myArray.join(); "2,4,5,7,9,12,14"

JavaScript将输出一个字符串，数组中的每个值用逗号分隔。可以使用函数中的参数更改分隔符。让我们看两个参数：一个空格和一个字符串。

myArray.join(' ');"2 4 5 7 9 12 14" myArray.join(' and ');"2 and 4 and 5 and 7 and 9 and 12 and 14"

第一个例子是一个空格，它可以使您轻松地读取字符串。

第二个示例使用（'and'），这里需要知道两件事。

首先，我们使用“和”两个词来分隔值。其次，单词“和”的两边都有一个空间。使用join（）时，请记住这一点。JavaScript从字面上读取参数，因此如果这个空间被遗漏，所有的东西都会被挤在一起（例如“2and4and5…”等等），不是一个非常可读的输出！

4数组.foreach()

它的功能：forEach（）（区分大小写！）对数组中的每个项执行函数。此函数是您创建的任何函数，类似于使用“for”循环将函数应用于数组，但编写代码的工作量要少得多。

forEach（）还有一些内容，让我们看看语法，然后执行一个简单的函数来演示。

myArray.forEach(function(item){//code});

我们使用的是myArray，forEach（）是用点表示法应用的。将要使用的函数放在参数括号内，即示例中的函数（项）。

让我们来谈谈函数（项）。这是forEach（）内部执行的函数，它有自己的参数。我们正在调用参数项。关于这个论点有两件事要知道：

• 当forEach（）在数组上循环时，它将代码应用于此参数。可以将其视为保存当前元素的临时变量。
• 如果选择参数的名称，则可以将其命名为任何名称。通常，这会被命名为更容易理解的东西，比如“item”或“element”。

考虑到这两件事，让我们看一个简单的例子。让我们给每个值加15，让控制台显示结果。

myArray.forEach(function(item){ c***ole.log(item + 15);});

我们在本例中使用item作为变量，因此编写函数，通过item向每个值添加15。然后控制台打印结果。下面是谷歌Chrome控制台中的外观。

结果是数组中的每一个数字，但加上15！

5数组.map()

它的作用：map（）对数组中的每个元素执行一个函数，并将结果放入一个新数组中。

在每个元素上运行函数听起来像forEach（）。这里的区别是map（）在运行时创建一个新数组。ForEach（）不会自动创建新数组，必须编写特定函数才能创建。

让我们使用map（）将myArray中每个元素的值加倍，并将它们放入一个新数组中。您将看到相同的函数（item）语法，以便进一步练习。

var myArray = [2,4,5,7,9,12,14]; var doubleArray = myArray.map(function(item){return item * 2;});

让我们在控制台中检查结果。

c***ole.log(doubleArray); [4,8,10,14,18,24,28]

myArray保持不变：

c***ole.log(myArray); [2,4,5,7,9,12,14]

javascript旅程的下一步

数组是JavaScript语言中一个强大的部分，这就是为什么有这么多内置的方法可以让您作为一个开发人员的生活更轻松。掌握这五种方法最好的方法就是实践。

当您继续学习JavaScript时，MDN是一个很好的详细文档资源。另外，下面是您应该学习的JavaScript框架。在控制台中获得舒适感，然后使用最好的程序员JavaScript编辑器将您的技能提高一个档次。快乐的编码！