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."); }
今天的练习
- 编写一个程序,使用 if-else 语句检查数字是偶数还是奇数。
- 创建一个 for 循环来打印给定数字的乘法表。
- 使用 while 循环计算 1 到 50 之间的数字之和。
- 使用 continue 修改 for 循环以跳过可被 3 整除的数字。
第四天总结
今天,我们学到了:
- 条件语句:使用 if-else 和 switch-case 做出决策。
- 循环:使用 for、while 和 do-while 循环重复操作。
- Break and continue:控制循环流程。
- 现实世界的示例,例如密码验证和计数器。
后续步骤
在第 5 天,我们将深入研究函数和范围,重点关注如何有效地组织和重用代码。敬请期待 2024 年 12 月 12 日!
以上是JavaScript 中的条件语句和循环的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

JavaScript是现代Web开发的基石,它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发,极大地提升了用户体验和跨平台开发的灵活性。

Python和JavaScript开发者的薪资没有绝对的高低,具体取决于技能和行业需求。1.Python在数据科学和机器学习领域可能薪资更高。2.JavaScript在前端和全栈开发中需求大,薪资也可观。3.影响因素包括经验、地理位置、公司规模和特定技能。

如何在JavaScript中将具有相同ID的数组元素合并到一个对象中?在处理数据时,我们常常会遇到需要将具有相同ID�...

学习JavaScript不难,但有挑战。1)理解基础概念如变量、数据类型、函数等。2)掌握异步编程,通过事件循环实现。3)使用DOM操作和Promise处理异步请求。4)避免常见错误,使用调试技巧。5)优化性能,遵循最佳实践。

实现视差滚动和元素动画效果的探讨本文将探讨如何实现类似资生堂官网(https://www.shiseido.co.jp/sb/wonderland/)中�...

JavaScript的最新趋势包括TypeScript的崛起、现代框架和库的流行以及WebAssembly的应用。未来前景涵盖更强大的类型系统、服务器端JavaScript的发展、人工智能和机器学习的扩展以及物联网和边缘计算的潜力。

深入探讨console.log输出差异的根源本文将分析一段代码中console.log函数输出结果的差异,并解释其背后的原因。�...
