break、continue和return的区别

一、break

用break语句可以使流程跳出switch语句体，也可以用break语句使流程在循环结构中终止本层循环体，从而提前结束本层循环。

  <script>
    /* break */
    function testBreak() {
      let arr = [1, 2, 3, 4, 5, 6]
      for (let i = 0; i < arr.length; i++) {
        if(i===3){
          break;
        }
        console.log(i);
      }
      console.log("我是testBreak函数");
    }
    testBreak();
  </script>

testBreak

注意：

• 只能在循环体内或switch语句体内使用break；
• 当break出现在循环体中的switch语句体内时，起作用只是跳出该switch语句体，并不能终止循环体的执行。若想强行终止循环体的执行，可以在循环体中，但并不在switch语句中设置break语句，满足某种条件则跳出本层循环体。

二、continue

continue语句的作用是跳过本层循环体的本次循环，不执行本次循环余下的语句，立即进行下一次循环条件判定，可以理解为结束本次循环。

   /* continue */
    function testContinue() {
      let arr = [1, 2, 3, 4, 5, 6]
      for (let i = 0; i < arr.length; i++) {
        if(i===3){
          continue;
        }
        console.log(i);
      }
      console.log("我是testContinue函数");
    }
    testContinue();
  </script>

testContinue

注意：

• continue语句并没有使整个循环终止。

三、return

return关键字并不是专门用于跳出循环的，return的功能是结束一个方法。一旦在循环体内执行到一个return语句，return语句将会结束该方法，循环自然也随之结束。与continue和break不同的是return直接结束整个方法，不管这个return处于多少层循环之内。

    /* return */
    function testReturn() {
      let arr = [1, 2, 3, 4, 5, 6]
      for (let i = 0; i < arr.length; i++) {
        if(i===3){
          return;
        }
        console.log(i);
      }
      
    }
    testReturn();

testReturn