使用 JavaScript 遍历数组对象

JavaScript 没有提供任何特定的内置函数来遍历数组元素/对象。您可以使用 for 循环或直接通过元素索引来遍历数组。数组包含多个相同类型的元素，可以使用 for 循环进行遍历。

在本章中，我们将讨论遍历数组的所有方法

简单的数组遍历

在此示例中，我们将直接通过数组索引来遍历数组。

复制代码

输出

保存代码并在浏览器中运行。数组将遍历并打印数组元素。

array[0] = Have 
array[1] = a 
array[2] = good 
array[3] = day

截图

遍历并显示数组元素

此示例将直接使用数组索引遍历数组并显示数组字符串。

复制代码

输出

保存代码并在浏览器中运行。数组将遍历并打印数组元素。

Have a good day

截图

除此之外，JavaScript 还提供了许多其他遍历数组的方法。这里我们讨论最常用和最简单的方法。

使用 for 循环遍历数组

当数组很长或有很多变量时，上述方法效率不高。因此，我们必须尝试其他方法来遍历数组，以节省时间和精力。

为了解决这个问题，循环的概念应运而生，它通过提供简短的代码来帮助遍历数组。我们现在将使用不同的循环来遍历数组元素并在网页上显示它们。您可以使用 while、do-while、for 循环或 for each 循环来遍历数组。这与其他编程语言（如 C、C++ 和 Java）类似。

示例 1

下面是使用 for 循环遍历数组并打印数组字符串元素的示例。

复制代码

输出

保存代码并在浏览器中运行。数组将遍历并打印数组元素。

Die with memories, not dreams

截图

查看上述 JavaScript 代码的网页截图

示例 2

下面是使用 for 循环遍历数组并打印该数组中存在的整数元素的示例。

复制代码

输出

保存代码并在浏览器中运行。数组将遍历并打印数组元素。

34
67
12
89
45
79

截图

查看上述 JavaScript 代码的网页截图

示例 3：使用 while 循环遍历

在此示例中，我们将使用 **while 循环** 来遍历数组，然后显示该数组中的元素。

复制代码

输出

保存代码并在浏览器中运行。数组将遍历并打印数组元素。

Elements in array:
34
67
12
89
45
79

截图

查看上述 JavaScript 代码的网页截图

使用 forEach() 方法遍历数组

除了基本循环（for、while 和 do-while 循环）之外，JavaScript 还有另一个循环，您也可以称之为数组方法，名为 **forEach()**。它与基本循环不同，因为它会为数组中的每个元素调用一次函数。

语法

它的语法也不同，请看 forEach() 方法的语法

示例

此示例将向您展示 forEach() 方法如何与数组元素配合使用。首先，数组与 forEach() 方法连接，然后调用用户定义的函数。然后此函数将遍历所有数组元素并在网页上显示它们。请看下面的代码

复制代码

输出

保存代码并在浏览器中执行，它将向您显示网页上打印的所有数组元素。请看下面的响应

It is very beautiful day

截图

查看上述 JavaScript 代码的网页截图

使用 every() 方法遍历数组

此方法与基本循环和 forEach() 方法不同。它主要用于遍历数组，并带有程序员指定的某些条件。every() 方法是 JavaScript 函数，用于测试数组所有元素是否满足指定条件。

如果所有元素都满足条件并通过测试（作为函数提供），则返回 **true**。否则，返回 **false**。

语法

every() 方法的语法如下

示例 1

在此示例中，我们将遍历整个数组，并检查给定值是否大于 18，以验证它们是否都是成年人。请看下面的代码

复制代码

输出

保存代码并在浏览器中执行，如果所有数组值都大于 18，它将显示响应“**所有都是成年人**”。否则，它将显示“**至少有一个不是成年人。**”。请看下面的响应

Atleast one is not adult

截图

查看上述 JavaScript 代码的网页截图

示例 2

在此示例中，我们将遍历整个数组以检查数组中的所有给定值是否都是偶数。为此，我们将设置一个条件检查（even = x=> x%2 == 0）。如果所有数字都是偶数，它将返回 true；否则，它将返回 false。请看下面的代码

复制代码

输出

保存代码并在浏览器中执行，如果所有数组值都大于 18，它将显示响应“**所有都是偶数**”。否则，它将显示“**至少有一个不是偶数**。”请看下面的响应

Atleast of them is not an even number

截图

查看上述 JavaScript 代码的网页截图

使用 map 遍历数组

map 是 JavaScript 编程语言提供的一种方法，它对数组的每个元素应用一个函数，然后返回一个新数组。通过这种方式，它遍历整个数组。

您也可以在遍历数组时使用此 map() 函数对数组元素执行操作。基本上，它遍历整个数组以对每个数组元素执行某些操作。

语法

JavaScript map() 方法的语法如下

它返回一个新创建的数组。

看看下面的 map() 用法示例

示例 1

在此示例中，我们将使用 JavaScript 的 map() 函数遍历整个数组，对数组元素执行 Math.sqrt() 操作。看看如何使用 JavaScript 方法完成

复制代码

输出

保存代码并在浏览器中执行，它将向您显示执行 **sqrt** 操作之前和之后的数组元素。在这里，map() 函数将帮助遍历数组的每个元素。

查看上述 JavaScript 代码的网页截图

示例 2

您还可以使用 map() 执行简单的算术运算。请看下面的示例代码

复制代码

输出

查看上述代码的网页输出。它将返回所有数组元素，并将 10 加到它们上面。