js中break、return、continue三者的区别

本文链接：https://blog.csdn.net/gdxjznfw/article/details/107722009

本文深入讲解JavaScript中的三种关键流程控制语句：return、break和continue的功能与使用场景。通过具体代码示例，清晰展示了这些语句如何影响函数执行和循环控制，帮助读者掌握JS编程中的流程控制技巧。

摘要由CSDN通过智能技术生成

return 只能作用于函数

在函数体中遇到return语句，则结束函数执行（函数遇到return下面的代码不再继续执行，只能返回一个值！)
将表达式的值返回到函数调用处。

代码演示: ( 注意变量 i 初始值为1)

        let iNum = 0;
        let re = function () {   // 定义变量 re 接收return返回值
            for (let i = 1; i < 10; i++) {
                if (i % 5 == 0) {
                    return iNum;  //return后面要加返回值,否则输出undefined
                }
                iNum++;
            }
        }
        console.log(re());  // 4

break 立即退出当前循环

break主要用于循环结构，表示立即退出当前所在循环结构，当前循环未完成任务及未完成循环次数将不再执行！跳出该循环后,下面如果还有代码会执行(return是不再执行后面的代码)。

代码演示: ( 注意变量 i 初始值为1)

      let iNum = 0;
      for (let i = 1; i < 10; i++) {`在这里插入代码片`
          if (i % 5 == 0) {
             break;
          }
          iNum++;  // 注意上面条件满足时,跳出循环体for外面
      }
      console.log(iNum);  // 4

continue 结束当前次循环，跳入下一次循环

continue适用于任何循环控制结构中。作用是让程序立即跳转到下一次循环的迭代。
在for循环中，continue语句使程序立即跳转到更新语句(i++)。
在while或者do。。。while循环中，程序立即跳转到布尔表达式的判断语句。

代码演示: ( 注意变量 i 初始值为1)

      let iNum = 0;
      for (let i = 1; i < 10; i++) {
           if (i % 5 == 0) {
              continue;
           }
           iNum++;
       }
       console.log(iNum);  // 8