JavaScript中的if else语句|极客教程

JavaScript中的if else语句

在JavaScript中，if else语句是一种常用的条件语句，用于根据条件的真假执行不同的代码块。在本文中，我们将详细介绍JavaScript中if else语句的用法，并提供多个示例代码来帮助读者更好地理解。

基本语法

if else语句的基本语法如下：

if (条件) {
    // 如果条件为真，执行这里的代码块
} else {
    // 如果条件为假，执行这里的代码块
}

在上面的代码中，条件是一个表达式，如果这个表达式的值为真（即非0、非空字符串、非null等），则执行if代码块中的代码；否则执行else代码块中的代码。

示例代码

示例1：判断一个数是否大于10

let num = 15;

if (num > 10) {
    console.log(` ${num}大于10`); } else { console.log(`$ {num}不大于10`);
}

代码运行结果:

JavaScript中的if else语句

示例2：判断一个字符串是否包含特定的子串

let str = "geek-docs.com";

if (str.includes("geek")) {
    console.log(` ${str}包含"geek"`); } else { console.log(`$ {str}不包含"geek"`);
}

代码运行结果:

JavaScript中的if else语句

示例3：判断一个变量是否为假值

let value = 0;

if (value) {
    console.log(` ${value}为真值`); } else { console.log(`$ {value}为假值`);
}

代码运行结果:

JavaScript中的if else语句

嵌套if else语句

除了基本的if else语句外，我们还可以使用嵌套if else语句来处理更复杂的条件逻辑。嵌套if else语句的语法如下：

if (条件1) {
    // 如果条件1为真，执行这里的代码块
} else if (条件2) {
    // 如果条件1为假且条件2为真，执行这里的代码块
} else {
    // 如果条件1和条件2都为假，执行这里的代码块
}

在嵌套if else语句中，条件1优先级最高，如果条件1为真，则不会执行后续的条件判断；如果条件1为假，会继续判断条件2，以此类推。

示例代码

示例4：判断一个数的正负性

let num = -5;

if (num > 0) {
    console.log(` ${num}为正数`); } else if (num<0) { console.log(`$ {num}为负数`);
} else {
    console.log(`${num}为零`);
}

代码运行结果:

JavaScript中的if else语句

示例5：判断一个年份是否为闰年

let year = 2020;

if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
    console.log(` ${year}是闰年`); } else { console.log(`$ {year}不是闰年`);
}

代码运行结果:

JavaScript中的if else语句

多条件判断

有时候我们需要同时满足多个条件才执行某段代码，这时可以使用逻辑运算符（如&&、||）来组合条件。下面是一个示例代码：

示例6：判断一个数是否在某个范围内

let num = 25;

if (num >= 0 && num <= 50) {
    console.log(` ${num}在0到50之间`); } else { console.log(`$ {num}不在0到50之间`);
}

代码运行结果:

JavaScript中的if else语句

三元运算符

除了if else语句外，JavaScript还提供了三元运算符（?:）来简化条件判断。三元运算符的语法如下：

条件 ? 表达式1 : 表达式2

如果条件为真，则返回表达式1的值；如果条件为假，则返回表达式2的值。

示例代码

示例7：使用三元运算符判断一个数的奇偶性

let num = 10;
let result = num % 2 === 0 ? "偶数" : "奇数";

console.log(` ${num}是$ {result}`);

示例8：使用三元运算符判断一个数的正负性

let num = -5;
let result = num > 0 ? "正数" : num < 0 ? "负数" : "零";

console.log(` ${num}是$ {result}`);

代码运行结果:

JavaScript中的if else语句

switch语句

除了if else语句和三元运算符外，JavaScript还提供了switch语句来处理多个条件的情况。switch语句的语法如下：

switch (表达式) {
    case 值1:
        // 如果表达式的值等于值1，执行这里的代码块
        break;
    case 值2:
        // 如果表达式的值等于值2，执行这里的代码块
        break;
    default:
        // 如果表达式的值不等于任何一个case的值，执行这里的代码块
}

在switch语句中，表达式的值会依次与每个case的值进行比较，如果匹配则执行对应的代码块，直到遇到break语句为止；如果没有匹配的case，则执行default代码块。

示例代码

示例9：根据星期几输出对应的中文名称

let day = 3;
let dayName;

switch (day) {
    case 1:
        dayName = "星期一";
        break;
    case 2:
        dayName = "星期二";
        break;
    case 3:
        dayName = "星期三";
        break;
    case 4:
        dayName = "星期四";
        break;
    case 5:
        dayName = "星期五";
        break;
    case 6:
        dayName = "星期六";
        break;
    case 7:
        dayName = "星期日";
        break;
    default:
        dayName = "未知";
}

console.log(`今天是${dayName}`);

代码运行结果:

JavaScript中的if else语句

示例10：根据月份输出对应的季节

let month = 8;
let season;

switch (month) {
    case 1:
    case 2:
    case 12:
        season = "冬季";
        break;
    case 3:
    case 4:
    case 5:
        season = "春季";
        break;
    case 6:
    case 7:
    case 8:
        season = "夏季";
        break;
    case 9:
    case 10:
    case 11:
        season = "秋季";
        break;
    default:
        season = "未知";
}

console.log(`当前是${season}`);

代码运行结果:

JavaScript中的if else语句