如何在 JavaScript 中对数组进行 forEach

主题：JavaScript / jQuery上一页|下一页

答案：使用forEach()方法

您可以简单地使用数组的 forEach() 方法使用 JavaScript 循环遍历数组中的所有项目。 forEach() 方法对每个数组元素执行一次提供的函数。

以下示例将使用 foreach 循环显示城市数组中的所有值。

<script>
    // 样本数组
    var cities = ["London", "Paris", "New York", "Amsterdam"];
    
    // 循环遍历数组
    cities.forEach(function(value){
        document.write("<p>" + value + "</p>");
    });
</script>

forEach() 方法不会修改原始数组（即调用它的数组）。 但是，如果调用回调函数，则可能会这样做。 下面的示例将通过对其每个值进行平方（将其与自身相乘）来修改给定数组。

<script>
    // 样本数组
    var numbers = [1, 2, 3, 4, 5, 6];
    
    // 循环数组并对每个值进行平方
    numbers.forEach(function(value, index, array){
        array[index] = value * value;
    });
    
    console.log(numbers); // Prints: [1, 4, 9, 16, 25, 36]
</script>

forEach() 方法的基本语法可以用 arr.forEach(function callback(value, index, array){ // your iterator } 给出。 回调函数使用三个参数调用：元素 value、元素 index 和被遍历的 array。

forEach() 在第 5 版中被添加到 ECMAScript 标准中。 所有主流现代浏览器都支持此方法，例如 Chrome、Firefox、IE9+ 等。

FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答：

• 如何在 JavaScript 中检查一个值是否存在于数组中
• 如何在 JavaScript 中找到数组的最大值和最小值
• 如何在 JavaScript 中正确排序整数数组