JavaScript forEach() 方法

 JavaScript Array 對(duì)象

定義和用法

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

語法

array.forEach(function(currentValue, index, arr), thisValue)

參數(shù)

技術(shù)細(xì)節(jié)

更多實(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>

實(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>

forEach() 的 continue 與 break

forEach() 本身是不支持的 continue 與 break 語句的，我們可以通過 some 和 every 來實(shí)現(xiàn)。

使用 return 語句實(shí)現(xiàn) continue 關(guān)鍵字的效果：

continue 實(shí)現(xiàn)

實(shí)例

 該處代碼在線嘗試運(yùn)行的時(shí)候需要按F12打開開發(fā)者工具，選擇console選項(xiàng)才能看到控制臺(tái)輸出。

var arr = [1, 2, 3, 4, 5];

arr.forEach(function (item) {
    if (item === 3) {
        return;
    }
    console.log(item);
});

 該處代碼在線嘗試運(yùn)行的時(shí)候需要按F12打開開發(fā)者工具，選擇console選項(xiàng)才能看到控制臺(tái)輸出。

var arr = [1, 2, 3, 4, 5];

arr.some(function (item) {
        if (item === 2) {
                return;  // 不能為 return false
        }
        console.log(item);
});

break 實(shí)現(xiàn)

實(shí)例

該處代碼在線嘗試運(yùn)行的時(shí)候需要按F12打開開發(fā)者工具，選擇console選項(xiàng)才能看到控制臺(tái)輸出。

var arr = [1, 2, 3, 4, 5];

arr.every(function (item) {
        console.log(item);
        return item !== 3;
});

 JavaScript Array 對(duì)象