最新的Web开发教程
 

JavaScript排列forEach() Method

<JavaScript的阵列参考

列出阵列中的每个项目:

<button onclick="numbers.forEach(myFunction)">Try it</button>
<p id="demo"></p>

<script>
demoP = document.getElementById("demo");
var numbers = [4, 9, 16, 25];

function myFunction(item, index) {
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br />";
}
</script>

其结果将是:

index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

所述forEach()方法用于在阵列中的每个元素调用一个功能提供一次,为了。

注意: forEach()没有值不执行该功能的数组元素。


浏览器支持

在表中的数字规定,完全支持方法的第一个浏览器版本。

方法
forEach() 9 1.5

句法

参数值
参数 描述
function(currentValue, index,arr) 需要。 的函数,为所述阵列中的每个元素中运行。
功能参数:
论据 描述
currentValue 需要。 当前元素的值
index 可选的。 当前元素的数组索引
arr 可选的。 阵列对象中的当前元素所属
thisValue 可选的。 的值被传递给函数被用作它的"this"的值。
如果这个参数是空的,值"undefined"将其传递"this"

技术细节

返回值: 未定义
JavaScript的版本: 1.6

例子

更多示例

获取数组中的所有值的总和:

<button onclick="numbers.forEach(myFunction)">Try it</button>

<p>Sum of numbers in array: <span id="demo"></span></p>

<script>
var sum = 0;
var numbers = [65, 44, 12, 4];

function myFunction(item) {
    sum += item;
    demo.innerHTML=sum;
}
</script>
试一试»

乘以与特定数量的阵列中的所有的值:

<p>Multiply with: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="numbers.forEach(myFunction)">Try it</button>

<p>Updated array: <span id="demo"></span></p>

<script>
var numbers = [65, 44, 12, 4];

function myFunction(item,index,arr) {
    arr[index] = item * document.getElementById("multiplyWith").value;
    demo.innerHTML=numbers;
}
</script>
试一试»

<JavaScript的阵列参考