例
列出陣列中的每個項目:
<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的陣列參考