js 中if else语句怎么写

在JavaScript中，if…else语句用于根据条件执行不同的代码块。通常，if语句用于测试一个条件，如果条件为真（true），则执行一个代码块；否则，执行另一个代码块。具体来说，if…else语句的基本语法如下：

if (condition) {
  // 当条件为真时执行的代码
} else {
  // 当条件为假时执行的代码
}

例如，假设你想要检查一个数字是否大于10，如果是，则输出“这个数字大于10”，否则输出“这个数字小于或等于10”。代码如下：

let number = 15;
if (number > 10) {
  console.log("这个数字大于10");
} else {
  console.log("这个数字小于或等于10");
}

一、IF…ELSE 语句的基本用法

1、单一条件判断

在JavaScript中，最简单的if语句仅包含一个条件和一个代码块。如果条件为真，则执行代码块，否则跳过。例如：

let isRaining = true;
if (isRaining) {
  console.log("带上雨伞");
}

2、IF…ELSE 语句

当有两个互斥的条件时，我们可以使用if…else语句。例如：

let temperature = 30;
if (temperature > 25) {
  console.log("天气很热");
} else {
  console.log("天气很凉爽");
}

3、多条件判断：IF…ELSE IF…ELSE

当需要检查多个条件时，可以使用if…else if…else语句。例如：

let score = 85;
if (score >= 90) {
  console.log("优秀");
} else if (score >= 75) {
  console.log("良好");
} else if (score >= 60) {
  console.log("及格");
} else {
  console.log("不及格");
}

4、嵌套IF语句

嵌套if语句是指在一个if语句内部再写一个if语句。例如：

let age = 20;
let hasID = true;
if (age >= 18) {
  if (hasID) {
    console.log("允许进入");
  } else {
    console.log("需要身份证");
  }
} else {
  console.log("未成年，不允许进入");
}

二、IF…ELSE 语句的高级用法

1、三元运算符

三元运算符是一种简洁的条件语句，它可以在一行代码中执行简单的条件判断。其语法如下：

condition ? expression1 : expression2;

例如：

let isMember = true;
let discount = isMember ? 0.1 : 0.05;
console.log(discount); // 输出 0.1

2、逻辑运算符

逻辑运算符可以用于结合多个条件。常用的逻辑运算符包括&&（与）、||（或）和!（非）。例如：

let age = 25;
let isStudent = true;
if (age < 18 || isStudent) {
  console.log("享受学生优惠");
} else {
  console.log("不享受学生优惠");
}

3、switch语句

当有多个条件需要判断时，switch语句可以替代多个if…else if…else语句，使代码更清晰。其语法如下：

switch (expression) {
  case value1:
    // 代码块
    break;
  case value2:
    // 代码块
    break;
  // 其他 case 语句
  default:
    // 默认代码块
}

例如：

let day = 3;
let dayName;
switch (day) {
  case 1:
    dayName = "星期一";
    break;
  case 2:
    dayName = "星期二";
    break;
  case 3:
    dayName = "星期三";
    break;
  case 4:
    dayName = "星期四";
    break;
  case 5:
    dayName = "星期五";
    break;
  case 6:
    dayName = "星期六";
    break;
  case 7:
    dayName = "星期日";
    break;
  default:
    dayName = "无效的日期";
}
console.log(dayName); // 输出 "星期三"

三、IF…ELSE 语句的最佳实践

1、避免深层嵌套

深层嵌套的if语句会使代码难以阅读和维护。为了提高代码的可读性，可以使用提前返回的方式。例如：

function checkAge(age) {
  if (age < 18) {
    return "未成年";
  }
  if (age >= 18 && age < 65) {
    return "成年人";
  }
  return "老年人";
}

2、使用有意义的变量名

使用有意义的变量名可以提高代码的可读性。例如：

let isEligibleForDiscount = age >= 65 || isStudent;
if (isEligibleForDiscount) {
  console.log("享受折扣");
} else {
  console.log("不享受折扣");
}

3、将复杂的条件提取为函数

当条件变得复杂时，可以将其提取为函数，以提高代码的可读性。例如：

function isEligibleForDiscount(age, isStudent) {
  return age >= 65 || isStudent;
}
if (isEligibleForDiscount(age, isStudent)) {
  console.log("享受折扣");
} else {
  console.log("不享受折扣");
}

4、使用注释

当条件判断较为复杂时，使用注释可以帮助其他开发者理解代码的意图。例如：

if (age >= 65 || isStudent) {
  // 如果年龄大于等于65岁，或者是学生，则享受折扣
  console.log("享受折扣");
} else {
  console.log("不享受折扣");
}

四、实践中的案例

1、用户登录系统

在一个用户登录系统中，我们通常需要检查用户名和密码是否匹配。例如：

function login(username, password) {
  if (username === "admin" && password === "12345") {
    return "登录成功";
  } else {
    return "用户名或密码错误";
  }
}
console.log(login("admin", "12345")); // 输出 "登录成功"
console.log(login("admin", "54321")); // 输出 "用户名或密码错误"

2、在线购物系统

在一个在线购物系统中，我们可能需要根据用户的购物金额来计算折扣。例如：

function calculateDiscount(totalAmount) {
  let discount;
  if (totalAmount >= 100) {
    discount = 0.2; // 20% 折扣
  } else if (totalAmount >= 50) {
    discount = 0.1; // 10% 折扣
  } else {
    discount = 0; // 无折扣
  }
  return totalAmount * discount;
}
console.log(calculateDiscount(120)); // 输出 24
console.log(calculateDiscount(70));  // 输出 7
console.log(calculateDiscount(30));  // 输出 0

3、交通灯系统

在一个交通灯系统中，不同的颜色表示不同的信号。例如：

function trafficLight(color) {
  if (color === "红色") {
    return "停车";
  } else if (color === "黄色") {
    return "准备";
  } else if (color === "绿色") {
    return "通行";
  } else {
    return "无效的颜色";
  }
}
console.log(trafficLight("红色")); // 输出 "停车"
console.log(trafficLight("黄色")); // 输出 "准备"
console.log(trafficLight("绿色")); // 输出 "通行"
console.log(trafficLight("蓝色")); // 输出 "无效的颜色"

五、总结

通过本文的介绍，我们了解了JavaScript中if…else语句的基本用法和高级用法。我们学习了如何使用单一条件判断、if…else语句、if…else if…else语句、嵌套if语句以及三元运算符和逻辑运算符。此外，我们还介绍了switch语句，并给出了实际应用中的几个案例。

在实际项目中，高效的条件判断可以提高代码的可读性和可维护性。推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile来管理和协作团队项目，这将大大提高团队的工作效率。希望本文能帮助你更好地理解和使用JavaScript中的if…else语句。