JavaScript循环语句完全指南

什么是循环循环就是重复做同一件事直到满足某个条件为止。生活类比吃火锅一片一片涮直到吃完数羊一只两只三只直到睡着爬楼梯一层一层上直到顶楼为什么要用循环避免重复写相同的代码3行代码搞定100次操作代码更简洁、易维护循环三要素从哪里开始什么时候结束每次怎么变化for循环最常用的循环适合知道循环多少次的场景。生活类比爬10层楼从1楼到10楼。执行顺序初始化设置起点判断条件成立继续不成立退出执行循环体更新改变状态回到第2步适用场景遍历数组执行固定次数生成数字序列什么时候用知道具体要循环多少次。while循环适合不知道多少次只知道什么时候停的场景。生活类比等公交车不知道等多久车来了就停。特点先判断后执行条件为假时一次都不执行次数不确定适用场景用户输入验证等待条件满足游戏主循环什么时候用不知道次数只知道结束条件。⚠️ 注意一定要在循环内更新条件否则会死循环。do…while循环和while很像但至少执行一次。生活类比先尝一口再决定买不买。特点先执行后判断至少执行一次适用场景菜单选择用户输入提示必须执行一次的操作什么时候用某件事至少要做一次。三大循环对比循环 执行特点 执行次数 生活类比for 先判断后执行 0次或多次 爬10层楼while 先判断后执行 0次或多次 等公交do…while 先执行后判断 至少1次 先尝再买for…in循环专门遍历对象的属性名键。生活类比看表格的栏目名称姓名、年龄、电话而不是看内容。特点遍历的是键名会遍历继承的属性适用场景查看对象有哪些属性调试对象结构处理JSON数据⚠️ 注意不推荐用来遍历数组。什么时候用想知道对象里有哪些属性。for…of循环ES6新增专门遍历可迭代对象的值。生活类比听歌单里的每一首歌听内容不管第几首。特点遍历的是值直接拿到内容顺序有保证支持类型数组、字符串、Set、Map等什么时候用想遍历集合里的内容不关心位置。for…in vs for…of对比 for…in for…of遍历什么 键名 值适用 对象 数组、字符串类比 看书目录 读书内容循环控制语句break - 终止循环立即跳出整个循环。生活类比电影不好看直接关掉。continue - 跳过本次跳过本次继续下一次。生活类比吃火锅遇到香菜跳过吃别的。关键字 作用 类比break 彻底退出 不看了continue 跳过本次 快进广告如何选择场景 用哪个 原因知道次数 for 最简洁不知道次数 while 灵活至少执行一次 do…while 保证执行遍历对象属性 for…in 专门遍历键遍历数组值 for…of 直接拿值遍历数组(需要索引) for 最清晰快速记忆口诀for 知次数while 不知数do…while 先做一次for…in 遍历属性名for…of 遍历值内容break 终止continue 跳过。总结循环 一句话for 知道次数就用我while 不知道次数就用我do…while 至少一次就用我for…in 遍历对象属性用我for…of 遍历数组值用我核心心法优先用 for不确定次数用 while必须执行用 do…while遍历对象用 for…in遍历值用 for…of希望这篇指南能帮你彻底搞懂JavaScript循环