JavaScript 流程控制语句

本文被收录到:

JavaScript 教程

JavaScript 是互联网上最流行的编程语言。使用 JavaScript 可以开发网站、APP、小程序、游戏和服务器端。写这个教程是为了提高自己的 JavaScript 编程水平,而最好的学习方法就是“费曼学习法”,以教代学,以输出倒逼输入。最近日渐成熟的 AI 工具,刚好成为我写这个教程锦上添花。

目录

JavaScript是一种强大的编程语言,广泛应用于网页开发以及服务器端(Node.js)编程。掌握流程控制语句对于编写逻辑复杂的程序至关重要。本教程将深入介绍JavaScript中的主要流程控制语句,包括条件判断、循环、以及跳转语句。

1. 条件判断语句

if 语句

最基本的形式,用于基于某个条件执行代码块。

if (condition) {
    // 条件为真时执行的代码
}

if...else 语句

在条件不满足时执行另一段代码。

if (condition) {
    // 条件为真时执行的代码
} else {
    // 条件为假时执行的代码
}

if...else if...else 链

处理多个条件分支。

if (condition1) {
    // 条件1为真时执行的代码
} else if (condition2) {
    // 条件1为假且条件2为真时执行的代码
} else {
    // 所有条件都为假时执行的代码
}

switch 语句

用于多路分支选择,基于不同的情况执行不同代码块。

switch (expression) {
    case value1:
        // 当expression === value1时执行的代码
        break;
    case value2:
        // 当expression === value2时执行的代码
        break;
    default:
        // 无匹配情况时执行的代码
}

2. 循环语句

for 循环

适用于已知迭代次数的情况。

for (let i = 0; i < 5; i++) {
    console.log(i);
}

while 循环

只要给定条件为真,就重复执行代码块。

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}

do...while 循环

至少执行一次循环体,然后只要条件为真就继续执行。

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 5);

for...of 循环

遍历可迭代对象(如数组)的元素。

const array = [1, 2, 3];
for (const element of array) {
    console.log(element);
}

3. 跳转语句

break 语句

用于立即退出循环或switch语句。

for (let i = 0; i < 10; i++) {
    if (i === 5) break;
    console.log(i);
}

continue 语句

跳过当前循环迭代的剩余部分,直接开始下一次迭代。

for (let i = 0; i < 10; i++) {
    if (i % 2 === 0) continue; // 跳过偶数
    console.log(i); // 只打印奇数
}

通过这些基础但强大的流程控制语句,你可以构建出逻辑复杂、功能丰富的JavaScript应用程序。实践是学习的关键,尝试编写一些小程序来应用这些概念,加深理解。

声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
真诚赞赏,手留余香
赞赏
搜神记
793 文章
4 教程
8 项目
随机推荐
CSS3 实现 Switch 开关
WordPress 修改 RESTful API 的请求和响应
JavaScript Global 对象
JavaScript Date 类型
Three.js导入3D模型
WordPress 文章页作者信息 get_the_author() 和 get_the_author_meta()
JavaScript Math 对象
Debian11 安装笔记1:编译安装Nginx、Naxsi 和 Njs