当前位置: 首页 > news >正文

js中不同循环的使用以及结束循环方法

写的代码越来越多这种基础的东西就越需要再看看

循环体执行跳出机制使用场景
for (初始化表达式; 条件表达式; 更新表达式) { // 循环体 }
  1. 初始化:仅执行一次,通常用于定义循环变量(如 let i = 0)。
  2. 条件判断:每次循环前检查条件,若为 true 则执行循环体,否则跳出循环。
  3. 执行循环体:执行具体逻辑。
  4. 更新变量:每次循环结束后执行(如 i++),然后再次判断条件。
  1. 正常结束:条件表达式返回 false 时跳出。
  2. 强制跳出:使用 break 直接终止循环。
  3. 跳过本次循环:使用 continue 跳过当前迭代,继续下一次循环。
  • 已知循环次数(如遍历数组索引、固定次数的操作)。
  • 需要精确控制循环变量的更新逻辑。
for (const item of 可迭代对象) { // 循环体,item 为当前元素 }按顺序遍历可迭代对象的每个元素,直到所有元素处理完毕。
  1. 正常结束:遍历完所有元素后跳出。
  2. 强制跳出:使用 break 终止循环。
  3. 跳过本次循环:使用 continue 跳过当前元素,继续下一次迭代。
  • 遍历数组、字符串、Map/Set 等可迭代对象的元素值(而非索引)。
  • 需要简洁地处理每个元素,避免手动维护索引。
while (条件表达式) { // 循环体 }
  1. 先判断条件表达式,若为 true 则执行循环体;若为 false 则直接跳出。
  2. 执行循环体后,再次判断条件,重复上述过程。
  1. 正常结束:条件表达式返回 false 时跳出。
  2. 强制跳出:使用 break 终止循环(即使条件仍为 true)。
  3. 注意死循环风险:若条件永远为 true 且未使用 break,会导致死循环,需手动终止(如浏览器中按 Ctrl + C)。
未知循环次数,需根据条件动态判断是否继续(如读取文件直到结束、用户未取消操作等)
do { // 循环体 } while (条件表达式);
  1. 先执行一次循环体,再判断条件表达式。
  2. 若条件为 true,继续执行循环体;否则跳出
  1. 正常结束:条件表达式返回 false 时,在下次循环前跳出
  2. 强制跳出:使用 break 提前终止循环。
  • 需要至少执行一次循环体的场景(如用户登录验证,先显示界面再判断是否继续)。
for (const key in 对象) { // 循环体,key 为对象的属性名 }遍历对象的可枚举属性(包括自身属性和继承自原型链的属性)。
  1. 正常结束:遍历完所有可枚举属性后跳出。
  2. 强制跳出:使用 break 或 continue,规则与其他循环一致。
  • 不推荐用于数组遍历:会遍历原型链属性(如 Array.prototype 方法),且属性顺序可能不一致。
  • 过滤自身属性:建议配合 hasOwnProperty 判断是否为对象自身属性。

相关文章:

  • Spring Boot 中 MyBatis 与 Spring Data JPA 的对比介绍
  • NHANES指标推荐:FMI
  • 介词有感2
  • 数据库故障排查指南:从紧急响应到根因分析【DeepSeek创作】
  • Ulyssess Ring Attention
  • Android同屏采集并推送RTMP和启动轻量级RTSP服务技术实践
  • 深入了解Javascript局部变量
  • JavaScript运算符
  • DAY 28 类的定义和方法
  • 布隆过滤器介绍及其在大数据场景的应用
  • linux-软件的安装与部署、web应用部署到阿里云
  • 【高斯拟合最终篇】Levenberg-Marquardt(LM)算法
  • Java Records:简洁的数据建模新方式
  • 类方法_静态方法_实例方法
  • 算法:分治法
  • Python训练营打卡Day28(2025.5.17)
  • 小白学习java第19天(下):spring
  • css 中 content: “\e6d0“ 怎么变成图标的?
  • 实验八 基于Python的数字图像问题处理
  • JDBC实现模糊、动态与分页查询的详解
  • 人民日报和音:相信中国就是相信明天
  • 第十届曹禺剧本奖上海揭晓,首次开放个人申报渠道
  • 国家统计局公布2024年城镇单位就业人员年平均工资情况
  • 中国社联成立95周年,《中国社联期刊汇编》等研究丛书出版
  • 商务部新闻发言人就暂停17家美国实体不可靠实体清单措施答记者问
  • 外交部:反对美方人士发表不负责任谬论