JavaScript if 判断怎么写

打开网页时，你点一下“同意隐私协议”按钮，页面才会跳出下一步的注册框；外卖平台会根据你的收货地址，自动推荐附近的商家——这些看似平常的互动，背后都藏着一个核心逻辑：“如果怎样，就怎样做”。这个逻辑在JavaScript里，就是我们常说的if判断。

很多新手刚接触编程时，会把if判断想成复杂的“代码迷宫”，其实只要结合生活场景拆解，就能快速上手。

先搞懂：if判断的核心是“条件选方向”

你早上出门，会根据天气决定带不带伞——“如果下雨，就带伞；如果不下雨，就不用带”，这就是最朴素的if判断逻辑。放到代码里，“下雨”就是判断的条件，“带伞”是条件成立时要做的事，“不下雨”就是条件不成立的情况。

举个生活化的代码例子：

`javascript

// 变量是存信息的小盒子，这里存的是今天的天气

let weather = '下雨';

// 如果天气是下雨（条件成立），就带伞

if (weather === '下雨') {

console.log('带伞出门');

}

`

这里要注意，代码里的===不是随便写的——它是“严格等于”，就像你确认“今天是不是真的下雨”，不能把“阴天”“小雨”都当成“下雨”，避免判断出错。

加个“备选”：else处理条件不成立的情况

刚才的例子只处理了“下雨”的情况，那如果天气是晴天呢？总不能不说该做什么吧？这时候就要用else，给条件不成立的情况安排对应操作。

还是用天气的例子调整代码：

`javascript

let weather = '晴天';

if (weather === '下雨') {

console.log('带伞出门');

} else {

console.log('不用带伞，戴帽子就行');

}

`

这个逻辑就更贴合日常了：如果满足“下雨”的条件，就做带伞的事；不满足（比如晴天），就做戴帽子的事。这也是我们在网页里最常用的判断方式——比如登录页面，会判断“如果输入的密码正确，就跳转到首页；否则，提示‘密码错误’”。

多情况判断：else if覆盖不同分支

有时候生活里的选择不止两种，比如天气可能有“下雨”“阴天”“晴天”三种情况，这时候用else if就能把多个判断串起来，对应不同的处理方式。

比如外卖平台的判断逻辑：

`javascript

let userAddress = '朝阳区';

if (userAddress === '海淀区') {

console.log('推荐海淀区商家');

} else if (userAddress === '朝阳区') {

console.log('推荐朝阳区商家');

} else {

console.log('请填写有效收货地址');

}

`

这里的逻辑是：先判断是不是海淀区，是就推荐对应商家；如果不是，再判断是不是朝阳区，是就推荐朝阳区商家；如果都不是，就提示填有效地址。这样多分支的判断，就能覆盖所有可能的情况，不会出现“没反应”的漏洞。

新手容易踩的小坑

很多人第一次写if判断，会犯两个常见错误：一是漏写大括号{}，比如把代码写成if (weather === '下雨') console.log('带伞');，这在只有一行代码时没问题，但如果后续要加内容，很容易因为没加括号导致逻辑混乱；二是把===写成=，比如if (weather = '下雨')，这不是判断“是不是下雨”，而是把“下雨”赋值给weather变量，会直接让判断条件永远成立，导致程序出错。

其实JavaScript的if判断就像我们做选择题，先确定“选哪个选项”（条件），再对应“选了之后做什么”（执行内容），从二选一到多选一，都是把生活里的选择逻辑转化成代码。只要结合日常场景多试几次，很快就能写出逻辑通顺的判断代码。