一、終止foreach循環
JS中可以使用break語句來終止循環,在遇到特定條件後跳出整個循環。對於JS的Array對象來說,使用forEach方法循環數組時,如何終止循環呢?有時候我們需要在滿足某個條件後直接退出整個循環,這時候就需要一些技巧來實現。
const arr = [2, 4, 6, 8, 10];
let flag = false;
arr.forEach(item => {
if (item === 6) {
flag = true;
return;
}
console.log(item);
});
// 輸出結果:2、4,結束循環
在上面的例子中,我們通過設置一個標誌flag來判斷是否需要終止循環。當數組元素等於6時,將flag設置為true,再執行return操作來退出當前循環。由於forEach方法本身不能跳出循環,所以需要將flag設置為全局變量來實現循環的終止。需要注意的是,設置flag只能在forEach方法內部進行操作。
二、JSforeach跳出循環
除了使用上面的技巧外,還有一種方法可以退出整個循環。JSforeach方法接收第二個參數,該參數為一個函數,可以在函數內部使用break語句實現循環的跳出。
const arr = [2, 4, 6, 8, 10];
arr.forEach((item, index, array) => {
if (item === 6) {
return true;
}
console.log(item);
});
// 輸出結果:2、4,結束循環
在上面的例子中,forEach方法的第二個參數為一個函數,該函數接收三個參數,分別為數組元素、元素索引和數組本身。當return後面的表達式值為true時,將退出整個循環。
需要注意的是,這種方式只能在forEach方法內部使用,並且不能與普通的forEach方法搭配使用。
三、JSforeach跳出當前循環
有時候,我們需要在滿足某個條件時跳出當前循環,但是不需要退出整個循環。這時候可以使用continue語句實現該功能。
const arr = [2, 4, 6, 8, 10];
arr.forEach((item, index, array) => {
if (item === 6) {
return;
}
console.log(item);
});
// 輸出結果:2、4、8、10
在上面的例子中,當數組元素等於6時,執行return操作來跳出當前循環,並且不會影響整個循環的執行。
四、JSforeach循環遍曆數組
JSforeach方法可以遍曆數組的每個元素,也可以取到元素索引和數組本身。以下是一個例子:
const arr = [2, 4, 6, 8, 10];
arr.forEach((item, index, array) => {
console.log(item, index, array);
});
/*
輸出結果:
2 0 [2, 4, 6, 8, 10]
4 1 [2, 4, 6, 8, 10]
6 2 [2, 4, 6, 8, 10]
8 3 [2, 4, 6, 8, 10]
10 4 [2, 4, 6, 8, 10]
*/
在上面的例子中,forEach方法依次將數組元素、元素索引和數組本身傳入函數內部,輸出結果分別為元素、元素索引和整個數組。
五、總結
在JS中,forEach方法可以遍曆數組的每個元素,但是不能像普通for循環一樣使用break語句來終止循環。為了實現跳出循環的功能,我們可以使用flag標誌變量或者在forEach方法內部傳入一個函數來實現。此外,為了跳出當前循環,可以使用continue語句來實現。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/243006.html
微信掃一掃
支付寶掃一掃