js for和forEach 跳出循环替代方案

无心使然云中漫步2023-12-30 8:34

1 for循环跳出

javascript 复制代码

for(let i=0;i<10;i++){
    if(i===5){
        break;
    }
    console.log(i)
}

在函数中也可以return跳出循环

javascript 复制代码

function fn(){
  for(let i=0;i<10;i++){
    if(i===5){
        return;
    }
    console.log(i)
  }
}
fn()

for ... of效果同上

2 forEach循环跳出

break会报错

javascript 复制代码

[1,2,3,4,5,6,7,8,9,10].forEach(i=>{
    if(i===5){
        break;
    }
    console.log(i)
})

return不能跳出forEach循环

javascript 复制代码

[1,2,3,4,5,6,7,8,9,10].forEach(i=>{
    if(i===5){
        return;
    }
    console.log(i)
})

try...catch可以跳出循环

javascript 复制代码

try{
    [1,2,3,4,5,6,7,8,9,10].forEach(i=>{
        if(i===5){
            throw new Error('跳出循环');
        }
        console.log(i)
})}catch(e){
    console.log(e)
}

3 替代方案

一些情况下，可以使用some，find，every去代替foreach退出循环

some 只要有一项为true，跳出循环。
every 只有每一项都返回true，函数返回true ，所以只要有一项不是true就会跳出循环
find 只要找到目标值，就会跳出循环

js for和forEach 跳出循环 替代方案

1 for循环跳出

2 forEach循环跳出

3 替代方案

js for和forEach 跳出循环替代方案