Bootstrap

【分享】这篇教程助力你成为 JavaScript 糕手!(五)

第五章:控制流语句

在这里插入图片描述

5.1 条件语句

在这里插入图片描述

if 语句
基本形式:if语句用于基于某个条件来决定是否执行一段代码。其基本语法如下:

if (condition) {
    // 当condition为true时执行这里的代码块
}

例如:

var age = 18;
if (age >= 18) {
    console.log('你已经成年了');
}

if - else 语句:在if语句的基础上增加了else子句,用于在条件不成立时执行另一段代码。语法如下:

if (condition) {
    // 当condition为true时执行这里的代码块
} else {
    // 当condition为false时执行这里的代码块
}

例如:

var score = 60;
if (score >= 60) {
    console.log('及格');
} else {
    console.log('不及格');
}

if - else if - else 语句:用于处理多个条件分支的情况。语法如下:

if (condition1) {
    // 当condition1为true时执行这里的代码块
} else if (condition2) {
    // 当condition2为true时执行这里的代码块
} else {
    // 当所有条件都不成立时执行这里的代码块
}

例如:

var grade = 85;
if (grade >= 90) {
    console.log('优秀');
} else if (grade >= 80) {
    console.log('良好');
} else if (grade >= 60) {
    console.log('及格');
} else {
    console.log('不及格');
}

switch 语句
语法结构:switch语句用于根据不同的值执行不同的代码块。语法如下:

switch (expression) {
    case value1:
        // 当expression的值等于value1时执行这里的代码块
        break;
    case value2:
        // 当expression的值等于value2时执行这里的代码块
        break;
    default:
        // 当expression的值与所有case的值都不匹配时执行这里的代码块
}

例如:

var day = 3;
switch (day) {
    case 1:
        console.log('星期一');
        break;
    case 2:
        console.log('星期二');
        break;
    case 3:
        console.log('星期三');
        break;
    default:
        console.log('其他');
}

注意事项:
在每个case分支后通常需要加上break语句,否则程序会继续执行下一个case分支的代码,直到遇到break或者switch语句结束。
default子句是可选的,用于处理没有匹配到任何case值的情况。

5.2 循环语句

for 循环
基本语法:for循环用于重复执行一段代码特定的次数。语法如下:

for (initialization; condition; increment) {
    // 当condition为true时执行这里的代码块
}

其中,initialization是初始化表达式,通常用于初始化循环变量;condition是条件表达式,用于判断是否继续执行循环;increment是更新表达式,用于在每次循环后更新循环变量。例如:

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

for - in 循环(用于遍历对象):用于遍历对象的可枚举属性。语法如下:

for (var property in object) {
    // 这里可以访问object对象的property属性
}

例如:

var person = {name: 'Alice', age: 30};
for (var key in person) {
    console.log(key + ':'+ person[key]);
}

for - of 循环(用于遍历可迭代对象,如数组):语法如下:

for (var value of iterable) {
    // 这里可以对iterable中的每个value进行操作
}

例如:

var fruits = ['apple', 'banana', 'cherry'];
for (var fruit of fruits) {
    console.log(fruit);
}

while 循环
基本语法:while循环在条件为真时持续执行代码块。语法如下:

while (condition) {
    // 只要condition为true,就执行这里的代码块
}

例如:

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

注意事项:需要确保循环条件在某个时刻会变为false,否则会导致无限循环。
do - while 循环
基本语法:do - while循环先执行一次代码块,然后在条件为真时继续执行。语法如下:

do {
    // 先执行这里的代码块
} while (condition);

例如:

var j = 0;
do {
    console.log(j);
    j++;
} while (j < 5);

与 while 循环的区别:do - while循环至少会执行一次代码块,而while循环可能一次都不执行(如果条件一开始就为false)。

5.3 跳转语句

break 语句:
在循环(for、while、do - while)和switch语句中使用。当break语句执行时,它会立即终止当前的循环或switch语句,程序将继续执行循环或switch语句后面的代码。例如:

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

这段代码在i等于5时就会终止for循环。
continue 语句:
用于循环中,当continue语句执行时,它会跳过当前循环中剩余的代码,直接进入下一次循环迭代。例如:

for (var i = 0; i < 5; i++) {
    if (i === 2) {
        continue;
    }
    console.log(i);
}

在这个for循环中,当i等于2时,会跳过console.log(i)这一行,直接进行下一次循环,输出结果为0、1、3、4。
return 语句(用于函数中):
当在函数中执行return语句时,函数会立即停止执行,并返回指定的值(如果有)。例如:

function add(num1, num2) {
    return num1 + num2;
}
var result = add(3, 5);
console.log(result);

在add函数中,执行return语句后,函数结束并返回num1和num2的和。如果函数没有指定返回值(没有return语句或者return后面没有值),则函数默认返回undefined。

;