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

JavaScript 中的条件语句和循环

小明酱_7361

小明酱_7361

发布时间:2024-12-12 12:57:38

|

736人浏览过

|

来源于dev.to

转载

javascript 中的条件语句和循环

第 4 天:javascript 中的条件语句和循环

欢迎来到学习 javascript 的第四天!今天,我们将重点关注条件语句和循环,它们构成了编程中逻辑和迭代的支柱。在本课程结束时,您将能够在代码中做出决策并有效地重复操作。


1.条件语句

条件语句允许您的代码根据某些条件做出决策。 javascript 提供了多种实现条件逻辑的方法。

if-else 语句

if 语句检查条件并在条件为真时执行代码。 else 语句在条件为 false 时提供替代路径。

语法:

Model Switcher
Model Switcher

根据任务复杂度自动切换不同的AI模型。支持OpenClaw设置中的所有可用模型。当检测到复杂...

下载
if (condition) {
  // code to execute if condition is true
} else {
  // code to execute if condition is false
}

示例:

let age = 18;
if (age >= 18) {
  console.log("you are eligible to vote.");
} else {
  console.log("you are not eligible to vote.");
}

else-if 阶梯

使用 else if 来测试多个条件。

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

示例:

let score = 75;
if (score >= 90) {
  console.log("grade: a");
} else if (score >= 75) {
  console.log("grade: b");
} else {
  console.log("grade: c");
}

switch-case 语句

switch 语句是多个 if-else 块的替代方案。当您有许多基于单个变量或表达式的条件时,这是理想的选择。

语法:

switch (expression) {
  case value1:
    // code to execute if expression === value1
    break;
  case value2:
    // code to execute if expression === value2
    break;
  default:
    // code to execute if no cases match
}

示例:

let day = 3;
switch (day) {
  case 1:
    console.log("monday");
    break;
  case 2:
    console.log("tuesday");
    break;
  case 3:
    console.log("wednesday");
    break;
  default:
    console.log("invalid day");
}

2.循环

循环用于多次执行一段代码。

for 循环

for 循环运行特定次数的迭代。

语法:

for (initialization; condition; increment/decrement) {
  // code to execute
}

示例:

for (let i = 1; i <= 5; i++) {
  console.log("count:", i);
}

while 循环

只要条件为真,就会运行 while 循环。

语法:

while (condition) {
  // code to execute
}

示例:

let count = 1;
while (count <= 5) {
  console.log("count:", count);
  count++;
}

do-while 循环

do-while 循环确保代码在检查条件之前至少执行一次。

语法:

do {
  // code to execute
} while (condition);

示例:

let count = 1;
do {
  console.log("count:", count);
  count++;
} while (count <= 5);

3.中断并继续

  • break:立即退出循环。
  • 继续:跳过当前迭代并移至下一个迭代。

示例:

for (let i = 1; i <= 10; i++) {
  if (i === 5) break; // stops the loop when i is 5
  console.log(i);
}

for (let i = 1; i <= 10; i++) {
  if (i === 5) continue; // skips iteration when i is 5
  console.log(i);
}

4.现实世界的例子

密码验证

检查用户的密码是否符合条件。

示例:

let password = "abc123";
if (password.length >= 8) {
  console.log("password is valid.");
} else {
  console.log("password must be at least 8 characters long.");
}

柜台

使用循环来计算出现次数或执行重复操作。

示例:

let start = 1;
let end = 10;
console.log("Counting from 1 to 10:");
for (let i = start; i <= end; i++) {
  console.log(i);
}

今天的练习

  1. 编写一个程序,使用 if-else 语句检查数字是偶数还是奇数。
  2. 创建一个 for 循环来打印给定数字的乘法表。
  3. 使用 while 循环计算 1 到 50 之间的数字之和。
  4. 使用 continue 修改 for 循环以跳过可被 3 整除的数字。

第四天总结

今天,我们学到了:

  1. 条件语句:使用 if-else 和 switch-case 做出决策。
  2. 循环:使用 for、while 和 do-while 循环重复操作。
  3. break and continue:控制循环流程。
  4. 现实世界的示例,例如密码验证和计数器。

后续步骤

在第 5 天,我们将深入研究函数和范围,重点关注如何有效地组织和重用代码。敬请期待 2024 年 12 月 12 日!

热门AI工具

更多
DeepSeek

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

WorkBuddy

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

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

豆包大模型

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

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

相关专题

更多
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的相关内容,可以阅读本专题下面的文章。

1417

2024.03.13

while的用法
while的用法

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

354

2023.09.25

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

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

2880

2025.10.15

java break和continue
java break和continue

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

807

2025.10.24

java break和continue
java break和continue

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

807

2025.10.24

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

60

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

40

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

40

2026.10.22

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP基础入门课程
PHP基础入门课程

共33课时 | 3.5万人学习

前端系列快速入门课程
前端系列快速入门课程

共4课时 | 0.5万人学习

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

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