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

相关推荐
Sylus_sui1 分钟前
鸿蒙ArkUI状态管理全攻略
javascript
夏暖冬凉2 分钟前
前端大文件上传
前端
Aliex_git2 分钟前
前端监控笔记(一)
前端·笔记·学习
Highcharts.js3 分钟前
Highcharts Grid Lite:企业免费表格数据的基本工具
前端·javascript·信息可视化·免费·highcharts·表格工具
老萬頭5 分钟前
【技术深水区】抖音 WEB 端逆向:从零到一拿下 a_bogus 参数
前端·爬虫·python
程序员小李白6 分钟前
Vue 组件通信 极简速记版
前端·javascript·vue.js
光影少年6 分钟前
跨域问题如何解决?
前端·nginx·前端框架
C澒8 分钟前
微前端容器标准化 —— 公共能力篇:通用监控能力
前端·架构
念念不忘 必有回响9 分钟前
Next.js 14-16 全栈开发实战:从 App Router 核心原理到 Server Actions 深度剖析
前端·nextjs
英俊潇洒美少年10 分钟前
React 16 → 17 → 18 → 19 完整区别
前端·javascript·react.js