讲师中心 微信公众号
AI工具推荐 视频效率加速

JavaScript中的循环和条件语句有哪些用法?

轻杰吖_4253

轻杰吖_4253

发布时间:2025-12-18 22:03:28

|

774人浏览过

|

来源于php中文网

原创

JavaScript中if/else if/else和switch用于条件判断,for/while/do...while实现循环;if条件自动转布尔值,switch严格相等且需break防穿透,for适合已知次数,while先判后执,do...while至少执行一次。

javascript中的循环和条件语句有哪些用法?

JavaScript里的循环和条件语句是控制程序流程的核心工具,用对了能让代码更简洁、逻辑更清晰。

常用的条件语句:if、else if、else 和 switch

if 用来判断一个条件是否为真,满足就执行对应代码块;else if 可以链式添加多个分支;else 是兜底选项。switch 更适合处理某个值匹配多个固定情况的场景,比一长串 if else 更易读。

  • if 后面的条件表达式会自动转为布尔值,比如 0、null、undefined、''(空字符串)、NaN 都算 false
  • switch 中每个 case 后记得加 break,否则会“穿透”执行下一个 case
  • switch 的比较是严格相等(===),不会做类型转换

基础循环:for、while、do...while

for 循环适合已知循环次数的场景,比如遍历数组索引;while 先判断条件再执行,可能一次都不运行;do...while 则至少执行一次,再检查条件。

  • for 循环三个部分用分号隔开:for (初始化; 条件; 更新),比如 for (let i = 0; i
  • while 要小心避免死循环,确保循环体内有修改条件变量的操作
  • do...while 的花括号后要加分号,这是语法要求

遍历数据的现代方式:for...of、for...in、forEach、map 等

for...of 专门用于遍历可迭代对象(如数组、字符串、Map、Set),拿到的是元素值;for...in 遍历对象属性名(包括原型链上的可枚举属性),一般不推荐用来遍历数组;forEach、map、filter 这类数组方法更函数式,代码意图明确且不易出错。

java-api-doc-generator
java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码,自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

立即学习“Java免费学习笔记(深入)”;

  • for...of 不支持普通对象,想遍历对象要用 Object.keys(obj) 或 Object.entries(obj) 配合
  • forEach 没有返回值,map 返回一个新数组,别混淆用途
  • 箭头函数在这些方法里很常用,注意 this 绑定问题,必要时传入第二个参数指定 this

跳出和跳过循环:break 和 continue

break 用来立即退出整个循环(或 switch);continue 跳过当前轮次,直接进入下一轮判断。

  • 在嵌套循环中,break 默认只跳出最内层,想跳出外层可用带标签的语句,比如 outer: for (...) { break outer; }
  • continue 在 while 或 do...while 中,会直接回到条件判断;在 for 中,会先执行更新表达式再判断
  • 不要在 forEach 里用 break 或 continue,它们对高阶函数无效,想提前终止得改用 for...of 或普通 for

基本上就这些。用哪种结构,关键看你要解决什么问题——是做选择、重复执行,还是遍历数据。选对了,代码自然好懂又好维护。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

549

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1698

2024.03.01

switch语句用法
switch语句用法

switch语句用法:1、Switch语句只能用于整数类型,枚举类型和String类型,不能用于浮点数类型和布尔类型;2、每个case语句后面必须跟着一个break语句,以防止执行其他case的代码块,没有break语句,将会继续执行下一个case的代码块;3、可以在一个case语句中匹配多个值,使用逗号分隔;4、Switch语句中的default代码块是可选的等等。

1071

2023.09.21

Java switch的用法
Java switch的用法

Java中的switch语句用于根据不同的条件执行不同的代码块。想了解更多switch的相关内容,可以阅读本专题下面的文章。

1437

2024.03.13

while的用法
while的用法

while的用法是“while 条件: 代码块”,条件是一个表达式,当条件为真时,执行代码块,然后再次判断条件是否为真,如果为真则继续执行代码块,直到条件为假为止。本专题为大家提供while相关的文章、下载、课程内容,供大家免费下载体验。

354

2023.09.25

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

818

2025.12.04

java中break的作用
java中break的作用

本专题整合了java中break的用法教程,阅读专题下面的文章了解更多详细内容。

3080

2025.10.15

java break和continue
java break和continue

本专题整合了java break和continue的区别相关内容,阅读专题下面的文章了解更多详细内容。

827

2025.10.24

Tailwind CSS 如何制作导航栏和卡片
Tailwind CSS 如何制作导航栏和卡片

用 Tailwind CSS 制作导航栏和卡片,可先搭建语义化结构,再组合 Flex、Grid、间距、圆角与阴影类。这里整理横向导航、移动端菜单、卡片网格及悬停效果的相关文章,帮助你把常见页面组件做得清晰且适配不同屏幕。

0

2026.11.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn