JavaScript 如何使用循环遍历数组

在本文中，我们将看到如何使用JavaScript中可用的各种循环类型来处理数组。在本文中，我们将看到forEach()、for…of和for循环的实现。

我们可以通过以下几种方式在JavaScript中遍历数组：

使用forEach()方法
使用for…of语句
使用基本for循环
使用while循环

方法1: 使用forEach()方法

forEach()方法用于通过循环遍历数组中的每个元素来执行代码。

语法：

array.forEach( arrayElement => {  
    // Lines of code to execute  
});

示例: 在这个示例中，我们将使用forEach()方法循环遍历一个数组，并打印出数组的值。

function loopArray() {
    let arr = ['Item 1', 'Item 2', 'Item 3',
        'Item 4', 'Item 5'];
 
    arr.forEach(element => {
       console.log(element);
    });
}
 
loopArray();

输出

Item 1
Item 2
Item 3
Item 4
Item 5

方法2：使用for…of语句

for…of语句可用于循环遍历可迭代对象并执行所需的操作。可迭代对象包括数组、字符串和其他类似数组的对象。

语法：

for (arrayElement of array) {  
    // Lines of code to execute  
}

示例： 在这个示例中，我们将使用for..of语句循环遍历一个数组，并打印出其值。

function loopArray() {
    let arr = ['Item 1', 'Item 2', 'Item 3',
        'Item 4', 'Item 5'];
 
    for (element of arr) {
       console.log(element);
    }
}
 
loopArray();

输出

Item 1
Item 2
Item 3
Item 4
Item 5

方法3：使用基本的 for 循环

默认的 for 循环可以用来遍历数组，每个元素可以通过其对应的索引访问。

语法：

for (i = 0; i < list.length; i++) {  
    // Lines of code to execute  
}

示例： 在这个示例中，我们将使用for循环遍历数组并打印其值。

function loopArray() {
    let arr = ['Item 1', 'Item 2', 'Item 3',
        'Item 4', 'Item 5'];
 
    for (i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    }
}                           
loopArray();

输出

Item 1
Item 2
Item 3
Item 4
Item 5

方法4：使用While循环

A While循环 是一种控制流语句，根据给定的布尔条件，允许代码重复执行。While循环用于迭代数组。

示例：

function loopArray() {
    let arr = ['Item 1', 'Item 2', 'Item 3',
        'Item 4', 'Item 5'];
    let length = arr.length;
    while (length > 0) {
        console.log(arr[arr.length - length]);
        length--;
    }
}
loopArray();

输出