JavaScript for与forEach结束本轮循环/结束循环

---

前言

我以前一直想尝试一下这个for里嵌switch来着, 找不到合适的机会, 今天写node脚本刚好遇到, 必须狠狠的尝试一下.

---

一、for

1.终止当前轮次

我先把正确写法放在这里, 如果循环没有到1, 2, 5中的任何一个数, 那么就不输出这个数, 即不执行console.log(arr[i]);.

function init() {
  for (let i = 0; i < arr.length; i++) {
    switch (arr[i]) {
      case 1:
      case 2:
      case 5:
        console.log('');
        break;
      default:
        continue;
    }
    console.log(arr[i]);
  }
}

const arr = [1, 2, 3, 4, 5, 6];

init();

最开始我是这样写的:

function init() {
  for (let i = 0; i < arr.length; i++) {
    switch (arr[i]) {
      case 1:
      case 2:
      case 3:
        console.log('');
        break;
      default:
        return;
    }
    console.log(arr[i]);
  }
}

const arr = [1, 2, 3, 4, 5, 6];

init();

结果看起来很正确, 123, 但是很快我意识到这可能是到了4就直接没再循环下去, 4之后的俩数根本都没判定?
所以就不把switch的筛选数弄得那么顺了, 跳着来看看是不是终止执行了:

function init() {
  for (let i = 0; i < arr.length; i++) {
    switch (arr[i]) {
      case 1:
      case 2:
      case 5:
        console.log('');
        break;
      default:
        return;
    }
    console.log(arr[i]);
  }
}

const arr = [1, 2, 3, 4, 5, 6];

init();

如果5没输出, 说明执行到3就直接打住了.

果然是有问题的, return直接将整个函数都返回了, 连for后面的东西都不执行了.
那么需要一个能仅跳过本轮for循环的语法作为default的处理方案.
continue在for里是跳过当前循环.

顺带说, 上面用到了break, 但break外面首先是switch所以循环仍会继续, 如果没有这层switch直接在for里使用break是会直接终止for循环的, 参考下面例子.

---

2.终止循环

来复现一下上节末尾谈到的情况:

function init() {
  for (let i = 0; i < arr.length; i++) {
    switch (arr[i]) {
      case 1:
      case 2:
      case 5:
        console.log('');
        break;
      default:
        return;
    }
    console.log(arr[i]);
    break;
  }
}

const arr = [1, 2, 3, 4, 5, 6];

init();

按照我的说法, 这个时候应该是只输出一个1的, 因为第一轮循环输出完之后直接就循环终止了:

是吧.

for...in结束和跳过循环方法同上.

---

二、forEach

1.终止当前轮次

终止本轮次很简单, 你只要在forEach里return一下就可以终止本轮次.

function init() {
  arr.forEach((item) => {
    if (item === 1) return;
    console.log(item);
  })
  console.log('www');
}

const arr = [1, 2, 3, 4, 5, 6];

init();

这会输出23456.
但是可以看到这并不会把整个forEach结束掉, 那应该没有数字输出才对.

---

2.终止循环

你可以选择抛出错误来终止forEach, 但是没有什么手段去好好的, 和平的结束它.
MDN:

---

总结

终于要30w阅读量了, 感谢各位两年多以来的支持, 你们给了我不小的精神支持, 让我在这条路上走下去, 我也会继续走下去.