如何在 JavaScript 中使用循环遍历数组？

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

句法：

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

例子：

      

    
        How to use loop through an
        array in JavaScript?
    

  

    
        GeeksforGeeks
    
      
    
        How to use loop through an
        array in JavaScript?
    
      
    
        Looping through the array: ['Item 1',
        'Item 2', 'Item 3', 'Item 4', 'Item 5']
    
      
    Output: 
      
    
        Click to check
    
      
    
        function loopArray() {
            list = ['Item 1', 'Item 2', 'Item 3',
                    'Item 4', 'Item 5'];
              
            list.forEach(element => {
                document.querySelector('.output').innerHTML
                        += '<li>' + element + '</li>';
            });
        }
    

  
                    

输出：

• 在点击按钮之前：
• 点击按钮后：

方法2：使用for...of 语句： for...of 语句可用于循环遍历可迭代对象并执行所需的功能。可迭代对象包括数组、字符串和其他类似数组的对象。

句法：

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

例子：

      

    
        How to use loop through an
        array in JavaScript?
    

  

    
        GeeksforGeeks
    
      
    
        How to use loop through an
        array in JavaScript?
    
      
    
        Looping through the array: ['Item 1',
        'Item 2', 'Item 3', 'Item 4', 'Item 5']
    
      
    Output: 
      
    
        Click to check
    
      
    
        function loopArray() {
            list = ['Item 1', 'Item 2', 'Item 3',
                    'Item 4', 'Item 5'];
              
            for (element of list) {
                document.querySelector('.output').innerHTML
                    += '<li>' + element + '</li>';
            }
        }
    

  
                    

输出：

• 在点击按钮之前：
• 点击按钮后：

方法3：使用基本的for循环：可以使用默认的for循环来遍历数组，每个元素都可以通过其各自的索引来访问。

句法：

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

例子：

      

    
        How to use loop through an
        array in JavaScript?
    

  

    
        GeeksforGeeks
    
      
    
        How to use loop through an
        array in JavaScript?
    
      
    
        Looping through the array: ['Item 1',
        'Item 2', 'Item 3', 'Item 4', 'Item 5']
    
      
    Output: 
      
    
        Click to check
    
      
    
        function loopArray() {
            list = ['Item 1', 'Item 2', 'Item 3',
                    'Item 4', 'Item 5'];
              
            for (i = 0; i < list.length; i++) {
                document.querySelector('.output').innerHTML
                        += '<li>' + element + '</li>';
            }
        }
    

  
                    

输出：

• 在点击按钮之前：
• 点击按钮后：