JavaScript If…Else 语句

条件语句用于基于不同条件执行不同的动作。

条件语句

在您写代码时，经常会需要基于不同判断执行不同的动作。

您可以在代码中使用条件语句来实现这一点。

在 JavaScript 中，我们可使用如下条件语句：

  • 使用 if 来规定要执行的代码块，如果指定条件为 true
  • 使用 else 来规定要执行的代码块，如果相同的条件为 false
  • 使用 else if 来规定要测试的新条件，如果第一个条件为 false
  • 使用 switch 来规定多个被执行的备选代码块

if 语句

请使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码块。

语法

  1. if (条件) {
  2.     如果条件为 true 时执行的代码
  3. }

注释：if 使用小写字母。大学字母（IF 或 If）会产生 JavaScript 错误。

实例

如果时间早于 18:00，则发出 "Good day" 的问候：

  1. if (hour < 18) {
  2.     greeting = "Good day";
  3. }

如果时间早于 18 点，则 greeting 的结果将是：

  1. Good day

else 语句

请使用 else 语句来规定假如条件为 false 时的代码块。

  1. if (条件) {
  2.     条件为 true 时执行的代码块
  3. } else { 
  4.     条件为 false 时执行的代码块
  5. }

实例

如果 hour 小于 18，创建 "Good day" 问候，否则 "Good evening"：

  1. if (hour < 18) {
  2.     greeting = "Good day";
  3.  } else {
  4.     greeting = "Good evening";
  5.  }

greeting 的结果：

  1.  

else if 语句

请使用 else if 来规定当首个条件为 false 时的新条件。

语法

  1. if (条件 1) {
  2.     条件 1 为 true 时执行的代码块
  3. } else if (条件 2) {
  4.     条件 1 为 false 而条件 2 为 true 时执行的代码块
  5.  } else {
  6.     条件 1 和条件 2 同时为 false 时执行的代码块
  7. }

实例

如果时间早于 10:00，则创建 "Good morning" 问候，如果不是，但时间早于 18:00，则创建 "Good day" 问候，否则创建 "Good evening"：

  1. if (time < 10) {
  2.     greeting = "Good morning";
  3.  } else if (time < 18) {
  4.     greeting = "Good day";
  5.  } else {
  6.     greeting = "Good evening";
  7.  }

greeting 的结果：

  1.  

更多实例

  • 随机链接

    本实例会把链接写入 baidu 或世界动物基金会（WWF）。通过使用随机数，每个链接都有 50% 的机会。 

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <p id="demo"></p>
  7. <script>
  8. if (Math.random() < 0.5) {
  9.   text = "<a href='https://www.baidu.com'>访问 baidu</a>";
  10. } else {
  11.   text = "<a href='https://wwf.org'>访问 WWF</a>";
  12. }
  13. document.getElementById("demo").innerHTML = text;
  14. </script>
  16. </body>
  17. </html>

课外书

如需更多有关 JavaScript if 语句的知识，请阅读 JavaScript 高级教程中的相关内容：

  • ECMAScript if 语句

    if 语句是 ECMAScript 中最常用的语句之一。本节为您详细讲解了如何使用 if 语句。