js数组循环符合条件跳出循环体(for、forEach、some、every)

1,for循环

for(var i=0;i<10;i++){
console.log(i)
  if(i==3){
    break;
  }
}
输出结果为0 1 2 3

此处用break可跳出for循环,如果for循环外层是一个函数体并且之后无任何操作也可用reatun阻止循环

2,forEach

let list = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
try{
  list.forEach(item=>{
  console.log(item)
  if(item===3){
    throw new Error("finish")
  }
})
}catch(e){
  if(e.message!=="finish"){
    console.log(e.message)
  }
}
输出结果为0 1 2 3

如果直接使用forEach无论如何是不能跳出循环的,需要借助try catch抛出错误来阻止循环

3、some

let list = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
list.some(item=>{
  console.log(item)
  if(item===3){
    return true
  }
})
输出结果为0 1 2 3

es6中的some也可实现此功能。some循环中只要有一个符合条件则会跳出循环体

4,every

let list = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
list.every(item=>{
  console.log(item)
  if(item===3){
    return false
  }else{
    return true
  }
})
输出结果为0 1 2 3

es6中的every。every只有全部是真返回的值才会是真,只要有一个调价为假则会跳出循环,需要注意every循环中只有 return true才会继续循环,否则则会阻止循环

你可能感兴趣的:(javascript,vue.js,前端,javascript)