认识条件判断

数据类型

1. Boolean：表示真值（true）或假值（false）。

   let isLoggedIn = false;
   let isFly = true;

2. Null：表示空值或“无对象”值。

   let nothing = null;
   console.log(nothing); // 输出：null

比较操作符

比较操作符用于比较两个值，并返回布尔值（true 或 false）。

• 等于 (==): 检查值是否相等，不检查类型。
• 严格等于 (===): 检查值和类型是否都相等。
• 不等于 (!=): 检查值是否不相等，不检查类型。
• 严格不等于 (!==): 检查值和类型是否都不相等。
• 大于 (>), 小于 (<), 大于等于 (>=), 小于等于 (<=): 用于数值比较。

// 饥饿值：7
let hungerLevel = 7;

// 如果饥饿值等于7
console.log(hungerLevel == 7); // true

// 如果饥饿值等于10
console.log(hungerLevel == 10); // false  

// 如果饥饿值不等于10
console.log(hungerLevel != 10); // true   

// 如果饥饿值大于等于8
console.log(hungerLevel >= 8); // false   

// 如果饥饿值小于8
console.log(hungerLevel < 8); // true

逻辑操作符

逻辑操作符用于组合或修改布尔值。

• 逻辑与 (&&): 如果两个操作数都为真，则返回 true。
• 逻辑或 (||): 如果任一操作数为真，则返回 true。
• 逻辑非 (!): 反转操作数的布尔值。

示例：

console.log(true && false); // false
console.log(true || false); // true
console.log(!true); // false

条件（三元）操作符

条件操作符是JavaScript中唯一的三元操作符，它根据条件表达式的结果返回两个值中的一个。

语法：条件 ? 表达式1 : 表达式2

• 如果条件为真（true），则计算并返回表达式1的值。
• 如果条件为假（false），则计算并返回表达式2的值。

示例：

let score = 85;
let grade = score >= 60 ? 'Pass' : 'Fail';
console.log(grade); // Pass

if 语句

if 语句是 JavaScript 中最基本的选择结构。它的工作原理很简单：如果某个条件是真的，就执行一段代码。

let hungerLevel = 7;
if (hungerLevel > 5) {
    console.log('我饿了，吃一片饼干吧！');
}

// 或可以简写成
console.log(hungerLevel > 5 ? '我饿了，吃一片饼干吧！' : null);

在这个例子中，如果 hungerLevel 大于 5，程序就会输出「我饿了，吃一片饼干吧！」

小朋友，你试试调整 hungerLevel 的值，可以是 1 到 10，看看输出会有什么变化。

如果<=5，他就不会输出，这个时候千万不要以为是程序出BUG了哦！继续往下看哦！

if-else 语句

if-else 语句在 if 语句的基础上增加了一个选择：如果条件是真的，执行 if 后面的代码；如果条件是假的，执行 else 后面的代码。

let hungerLevel = 7;
if (hungerLevel > 5) {
    console.log('我饿了，吃一片饼干吧！');
} else {
    console.log('我不太饿，还不想吃。');
}

// 或可以简写成
console.log(hungerLevel > 5 ? '我饿了，吃一片饼干吧！' : '我不太饿，还不想吃。');

这里，如果 hungerLevel 大于 5，程序会输出「我饿了，吃一片饼干吧！」；否则，输出「我不太饿，还不想吃。」

else if 语句

有时候，我们面临的选择不止两种。这时候，else if 语句就派上用场了。它允许我们检查多个条件，并针对每个条件执行不同的代码块。

let hungerLevel = 7;
if (hungerLevel == 10) {
    console.log('我非常非常饿，吃三片饼干吧！');
} else if (hungerLevel > 8) {
    console.log('我非常饿，吃两片饼干吧！');
} else if (hungerLevel > 5) {
    console.log('我有点饿，吃一片饼干吧！');
} else {
    console.log('我不饿，不吃饼干。');
}

在这个例子中，程序会根据 hungerLevel 的不同值输出不同的结果。

小朋友，你试试调整 hungerLevel 的值，可以是 1 到 10，看看输出会有什么变化。

课后练习

小朋友，试试模仿上方的代码，编写一个简单的程序吧！

当年龄小于18岁，控制台输出：你是未成年人。

当年龄大于等于60岁，控制台输出：你是老年人。

以上都不满足，控制台输出：你是成年人。

最后，输入你的年龄，看看效果吧！

点击查看参考答案