JS跳出for循环三种方法的区别(break, continue, return)

break

javascript 复制代码
for(let i = 0; i < 5; i++) {
    if(i == 3) {
        break;
    }
    console.log(i);
}

// 0 1 2

break会终结当前for循环体

continue

javascript 复制代码
for(let i = 0; i < 5; i++) {
    if(i == 3) {
        continue;
    }
    console.log(i);
}

// 0 1 2 4

continue仅仅停止该次循环

return

javascript 复制代码
function counter() {
  for (var count = 1; ; count++) {  // 无限循环
    console.log(count + "A"); // 执行5次
      if (count === 5) {
        return;
      }
      console.log(count + "B");  // 执行4次
    }
  console.log(count + "C");  // 永远不会执行,count为5时,return会直接终止整个函数
}

return 语句仅可用在函数内(非函数内使用会直接报语法错),是用来终止函数的执行,并返回一个指定的值给函数调用者。

相关推荐
接着奏乐接着舞。23 分钟前
部署BFF与前端的踩坑与经验记录
前端·node.js
小李子呢02117 小时前
前端八股CSS(2)---动画的实现方式
前端·javascript
GreenTea9 小时前
从 Claw-Code 看 AI 驱动的大型项目开发:2 人 + 10 个自治 Agent 如何产出 48K 行 Rust 代码
前端·人工智能·后端
渣渣xiong9 小时前
从零开始:前端转型AI agent直到就业第五天-第十一天
前端·人工智能
布局呆星10 小时前
Vue3 | 组件通信学习小结
前端·vue.js
C澒10 小时前
IntelliPro 企业级产研协作平台:前端智能生产模块设计与落地
前端·ai编程
OpenTiny社区11 小时前
重磅预告|OpenTiny 亮相 QCon 北京,共话生成式 UI 最新技术思考
前端·开源·ai编程
前端老实人灬11 小时前
web前端面试题
前端
Moment11 小时前
AI 全栈指南:NestJs 中的 Service Provider 和 Module
前端·后端·面试