JavaScript if条件语句的3种用法（附带实例，新手必看）

在 JavaScript 中，if 条件语句可分为 if、if…else、if…else if…else这 3 种。

JavaScript if语句

if 语句的语法格式如下：

if(条件表达式){
     代码块;
}

如果条件表达式的结果为真则执行代码块，反之则不执行代码块。

【实例 1】判断闰年。

var year = 2020;
// 能被 4 整除且不能被 100 整除或者能够被 400 整除的是闰年
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
    console.log(year + '年是闰年');
}

在 Chrome 浏览器控制台中的运行结果为：

2020年是闰年

JavaScript if…else语句

if…else 语句的语法格式如下：

if(条件表达式){
     代码块 1;
}else{
     代码块 2;
}

if…else 语句在条件表达式的结果为真时，执行代码块 1，否则执行代码块 2。

【实例 2】输出较大的数字。

var num1 = 10;
var num2 = 20;
if (num1 > num2) {
    console.log("较大的数是" + num1);
} else {
    console.log("较大的数是" + num2);
}

在 Chrome 浏览器控制台中的运行结果为：

较大的数是20

JavaScript if…else if…else语句

if…else 语句只能用于包含两个分支结果的情况，当分支结果更多时，可以使用 if…else if…else 语句。

if…else if…else 语句的语法格式如下：

if(条件表达式 1){
     代码块 1;
}else if(条件表达式 2){
     代码块 2;
}else if(条件表达式 3){
     代码块 3;
}
...
else if(条件表达式 n-1){
     代码块 n-1;
}else{
     代码块 n;
}

从条件表达式 1 开始判断，哪个成立则执行对应的代码块。如果所有的条件表达式都不成立，则执行最后 else 里的代码块 n。

【实例 3】判断会员积分等级。某电商网站根据用户积分数量共设定四个会员等级：

• 积分不超过 1000 分为普通会员；
• 积分大于 1000 分且不超过 5000 分为黄金会员；
• 积分大于 5000 分且不超过 10000 分为铂金会员；
• 积分大于 10000 分为超级会员。

现有一用户积分为3000分，判断其会员等级。

var integral = 3000;
if (integral <= 1000) {
    console.log("普通会员");
} else if (integral <= 5000) {
    console.log("黄金会员");
} else if (integral <= 10000) {
    console.log("铂金会员");
} else {
    console.log("超级会员");
}

在 Chrome 浏览器控制台中的运行结果为：

黄金会员