本文共 1868 字，大约阅读时间需要 6 分钟。

if-else 语句

在 JavaScript 中，if-else 语句是处理条件逻辑的核心机制之一。它可以帮助程序在执行不同代码块时做出决定，是任何现代脚本语言的基础功能之一。

核心概念

if-else 语句的基本结构如下：

if (条件) {    // 当满足条件时执行的代码} else {    // 当不满足条件时执行的代码}

这里的 条件 通过测试返回 true 或 false，决定哪一块代码会被执行。如果 条件 为 true，则执行 if 块的代码；如果 false，则执行 else 块的代码。

常见用途

实际案例

案例一：自动驾驶假设有一个自动驾驶汽车，内置距离传感器。当前距离为 15，设定距离为 10。

let distance = 10;let nowDistance = 15;if (nowDistance >= distance) {    console.log('自动驾驶');} else {    console.log('手动驾驶');}

运行结果：

自动驾驶

说明：当 nowDistance 大于或等于 distance 时，输出“自动驾驶”，否则输出“手动驾驶”。

案例二：天气判断根据天气状况决定户外活动方式：

let weather = 'sunny';if (weather === 'sunny') {    console.log('天气晴朗，可以打球');} else if (weather === 'rainy') {    console.log('下雨啦，可以游泳');} else if (weather === 'snowing') {    console.log('下雪了，可以滑雪');} else {    console.log('这个天气太神奇了，我看不懂耶');}

运行结果：

天气晴朗，可以打球

说明：根据 weather 的值输出相应的活动建议，如修改 weather 为 rainy 会输出“下雨啦，可以游泳”。

if-else-if 语句

if-else-if 语句是在 if-else 基础上扩展的多重条件判断结构。它允许程序逐一检查多个条件，只有在第一个条件不满足时才检查下一个。

优点

常见用途

实际案例

案例一：天气判断根据天气状况决定户外活动方式：

let weather = 'sunny';if (weather === 'sunny') {    console.log('天气晴朗，可以打球');} else if (weather === 'rainy') {    console.log('下雨啦，可以游泳');} else if (weather === 'snowing') {    console.log('下雪了，可以滑雪');} else {    console.log('这个天气太神奇了，我看不懂耶');}

运行结果：

天气晴朗，可以打球

说明：代码逐一检查 weather 的值，输出最匹配的建议。

案例二：多重条件判断根据用户输入的代码类型判断压缩方式：

let imgFormat = 'png';let quality = 'high';if (imgFormat === 'png') {    if (quality === 'high') {        console.log('png 高品质');    } else {        console.log('png 低品质');    }} else if (imgFormat === 'jpeg') {    console.log('jpeg 无损压缩');} else {    console.log('不支持此格式');}

运行结果：

png 高品质

说明：通过多层 if-else-if 检查，判断并输出最佳压缩方式。

转载地址：http://bjxnz.baihongyu.com/