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

相关推荐
程序员黑豆10 小时前
鸿蒙应用开发教程:以红绿灯切换为例,掌握条件渲染的核心用法
前端·harmonyos
猫32810 小时前
echarts 日常问题解决
前端·javascript·echarts
新中地GIS开发老师11 小时前
地信职业百科④:GIS开发工程师
前端·数据库·gis·webgis·三维gis开发
我是大卫11 小时前
【图】React源码解析-从数据结构、调度器、源码设计模式到状态计算引擎,深挖useReducer原理
前端·react.js·源码
willes11 小时前
列表中的倒计时组件
前端
LVZ11 小时前
用了半年 AI 写代码,最烦的不是代码,是环境
前端·后端·开源
polaris_tl11 小时前
一行 `compress: false`,为什么让 SSE 首包恢复实时返回
前端
海边的云11 小时前
别再让 AI 瞎改代码:一套让大模型「收敛」的前端专家 Skill》
前端
kisshyshy11 小时前
给端侧大模型装上“发动机”:React 合成事件 + 进度条组件全解
前端·react.js·node.js
hunterandroid11 小时前
DataStore 工程化实践:迁移、并发更新与异常恢复
android·前端