首页 > web前端 > js教程 > JavaScript 中的条件语句和循环

JavaScript 中的条件语句和循环

Susan Sarandon
发布: 2024-12-15 15:50:15
原创
559 人浏览过

Conditional Statements and Loops in JavaScript

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

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


1.条件语句

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

If-Else 语句

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

语法:

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 来测试多个条件。

示例:

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.现实世界的例子

密码验证

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

示例:

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.");
}
登录后复制
登录后复制

今天的练习

  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 日!

以上是JavaScript 中的条件语句和循环的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板