JavaScript 教程
JavaScript forEach() 方法
JavaScript Array 對(duì)象實(shí)例
列出數(shù)組的每個(gè)元素：
<button onclick="numbers.forEach(myFunction)">點(diǎn)我</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>
輸出結(jié)果：
index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
index[1]: 9
index[2]: 16
index[3]: 25
運(yùn)行代碼 ?
定義和用法
forEach() 方法用于調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)。
注意: forEach() 對(duì)于空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的。
瀏覽器支持
表格中的數(shù)字表示支持該方法的第一個(gè)瀏覽器版本號(hào)。
| 方法 | |||||
|---|---|---|---|---|---|
| forEach() | Yes | 9.0 | 1.5 | Yes | Yes |
語(yǔ)法
array.forEach(function(currentValue, index, arr), thisValue)
參數(shù)
| 參數(shù) | 描述 | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| function(currentValue, index, arr) | 必需。 數(shù)組中每個(gè)元素需要調(diào)用的函數(shù)。 函數(shù)參數(shù):
|
||||||||
| thisValue | 可選。傳遞給函數(shù)的值一般用 "this" 值。 如果這個(gè)參數(shù)為空， "undefined" 會(huì)傳遞給 "this" 值 |
技術(shù)細(xì)節(jié)
| 返回值: | undefined |
|---|---|
| JavaScript 版本: | ECMAScript 3 |
更多實(shí)例
實(shí)例
計(jì)算數(shù)組所有元素相加的總和：
<button onclick="numbers.forEach(myFunction)">點(diǎn)我</button>
<p>數(shù)組元素總和：<span id="demo"></span></p>
<script>
var sum = 0;
var numbers = [65, 44, 12, 4];
function myFunction(item) {
sum += item;
demo.innerHTML = sum;
}
</script>
運(yùn)行代碼 ?
實(shí)例
將數(shù)組中的所有值乘以特定數(shù)字：
<p>乘以: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="numbers.forEach(myFunction)">點(diǎn)我</button>
<p>計(jì)算后的值: <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>
運(yùn)行代碼 ?
其他擴(kuò)展