JS跳出循环

for循环/for-in循环

• for/for-in 循环可以使用 break/continue 跳出循环
• break 是终止当前循环
• continue 是结束本次循环，后面的循环会继续执行

  let arr = [1, 2, 3, 4, 5];
  for(let i = 0; i < arr.length; i++){
    if(i === 2) break; // break或continue
    console.log(arr[i]);
  }
  // break 输出（）
  1
  2
  // continue 输出
  1
  2
  4
  5
  
  let obj = { name: 'whh', age: '24', sex: 'male' };
  for(let key in obj){
    if(key === 'age') continue;
    console.log(key, obj[key]);
  }
  // 输出
  name whh
  sex male

forEach循环

• 利用 return 在特定时机跳出当前循环，后面的循环会继续执行

  let arr = [1, 2, 3, 4, 5];
  arr.forEach(item => {
    if(item === 2) {
      return;
    }
    console.log(item);
  })
  // 输出
  1
  3
  4
  5

• 利用 try…catch 在特定时机抛出异常达到跳出整个循环的效果

  let arr = [1, 2, 3, 4, 5], key;
  try {
    arr.forEach(item => {
      if(item === 2) {
        key = item; // 记录跳出循环时机
        throw Error();
      }
      console.log(item);
    })
  } catch(error) {
    // 跳出循环后要做的操作
    ...
  }
  console.log('跳出循环时机：' + key);
   
  // 结果
  1
  跳出循环时机：2

汇总

序号	方法	break	continue	return	return true	return false
1	for循环	成功	跳出本次循环	不合法	不合法	不合法
2	Array.forEach()	不合法	不合法	跳出本次循环	跳出本次循环	跳出本次循环
3	for…in	成功	跳出本次循环	不合法	不合法	不合法
4	Array.map()	不合法	不合法	跳出本次循环	跳出本次循环	跳出本次循环
5	Array.some()	不合法	不合法	跳出本次循环	成功	跳出本次循环
6	Array.every()	不合法	不合法	成功	跳出本次循环	成功
7	Array.filter()	不合法	不合法	跳出本次循环	跳出本次循环	跳出本次循环