L.Leverage Learn从第一行代码,到读懂真实后端查看项目源码

JavaScript 基础 / 第 2 课

比较、条件与循环

用比较表达式得到真假结果,再据此选择代码或重复执行代码。

◷ 预计 20 分钟 · 面向初学者

上一课的数字和变量可以参与比较。> 表示大于,< 表示小于,>= 和 <= 分别表示大于等于、小于等于;=== 表示两边的值和类型都相同。比较的结果是布尔值 true 或 false。判断相等时优先使用 ===,不要把赋值符号 = 当成比较。

const age = 19;
console.log(age >= 18); // true
console.log(age === 19); // true

if 根据条件选择要运行的代码。条件放在圆括号里,代码块放在花括号里;条件为真时运行 if 后面的代码,否则运行 else 后面的代码。

花括号包住的部分叫代码块,表示这些语句属于同一段逻辑。条件表达式本身不会打印结果;它用真假值决定走哪一条分支。可以在分支中放多条语句,每条语句分别执行。若两个结果都不需要处理,可以只写 if,不写 else。

const temperature = 26;
if (temperature > 25) {
  console.log("暖和");
} else {
  console.log("凉快");
}

有时需要重复相似操作。for 循环把重复次数写清楚:括号内依次写起始值、继续条件、每轮结束时的更新。下面的循环让 i 从 1 开始,每轮加 1,直到 i <= 3 不成立;每轮执行花括号中的语句。

for (let i = 1; i <= 3; i = i + 1) {
  console.log(i);
}

循环体中的 i 每轮都不同,所以会显示 1、2、3。条件必须最终变成假,否则循环不会自行停止。i++ 是 i = i + 1 的简写,初学时可以先写完整形式。

读循环时可以按每轮的顺序跟踪变量:先检查条件,条件为真就运行循环体,再执行更新,然后回到条件检查。条件第一次就是假时,循环体一次也不会运行。自己写循环时,可先确定初始数字和最后一个要处理的数字,再确保更新会朝着结束条件前进。

练习:当 number 大于等于 10 时显示 "够大",否则显示 "还不够"。再用循环显示从 1 到 3。

答案:

const number = 8;
if (number >= 10) {
  console.log("够大");
} else {
  console.log("还不够");
}
for (let i = 1; i <= 3; i = i + 1) {
  console.log(i);
}

互动练习:先判断,再重复

排列这段逻辑的执行顺序:先准备计数值,判断条件,再执行循环体。

点击步骤将它移到队尾。

✓
这一课,你已经能……

用比较、if/else 和 for 控制程序执行