返回

JavaScript中不可不知的选择控制语句和判断真假表达式的妙用

前端

JavaScript选择控制语句浅析

1. if...else语句

if...else语句是JavaScript中最基本的控制语句，用于根据条件判断来执行不同的代码块。其基本语法如下：

if (condition) {
  // 如果condition为true，执行这些语句
} else {
  // 如果condition为false，执行这些语句
}

例如，以下代码使用if...else语句判断用户输入的数字是否为偶数：

const number = prompt("请输入一个数字：");
if (number % 2 === 0) {
  alert("您输入的数字是偶数。");
} else {
  alert("您输入的数字是奇数。");
}

2. switch语句

switch语句也是一种条件判断语句，但它更适合用于处理多个分支的情况。其基本语法如下：

switch (expression) {
  case value1:
    // 如果expression等于value1，执行这些语句
    break;
  case value2:
    // 如果expression等于value2，执行这些语句
    break;
  // ...
  default:
    // 如果expression不等于任何case中的值，执行这些语句
}

例如，以下代码使用switch语句判断用户输入的水果类型并输出相应的水果价格：

const fruit = prompt("请输入水果类型：");
switch (fruit) {
  case "苹果":
    alert("苹果的价格是5元。");
    break;
  case "香蕉":
    alert("香蕉的价格是3元。");
    break;
  case "橘子":
    alert("橘子的价格是2元。");
    break;
  default:
    alert("抱歉，我们没有这种水果。");
}

3. while循环

while循环是一种循环语句，用于重复执行一段代码，直到条件不再满足。其基本语法如下：

while (condition) {
  // 如果condition为true，执行这些语句
}

例如，以下代码使用while循环计算1到100的和：

let sum = 0;
let i = 1;
while (i <= 100) {
  sum += i;
  i++;
}
alert("1到100的和是：" + sum);

4. do-while循环

do-while循环也是一种循环语句，与while循环的区别在于它会先执行一次代码块，然后再检查条件是否满足。其基本语法如下：

do {
  // 执行这些语句
} while (condition);

例如，以下代码使用do-while循环计算1到100的和，即使用户输入的数字大于100，也会先执行一次循环：

let sum = 0;
let i = 1;
do {
  sum += i;
  i++;
} while (i <= 100);
alert("1到100的和是：" + sum);

5. for循环

for循环是一种循环语句，用于重复执行一段代码一定次数。其基本语法如下：

for (initialization; condition; increment) {
  // 执行这些语句
}

例如，以下代码使用for循环计算1到100的和：

let sum = 0;
for (let i = 1; i <= 100; i++) {
  sum += i;
}
alert("1到100的和是：" + sum);

JavaScript表达式真假判断详解

在JavaScript中，表达式真假判断是通过逻辑运算符来实现的。逻辑运算符包括：

  • &&：逻辑与运算符，当两个表达式都为true时，结果为true，否则为false。
  • ||：逻辑或运算符，当两个表达式中至少有一个为true时，结果为true，否则为false。
  • !：逻辑非运算符，当表达式为true时，结果为false，否则为true。

除了逻辑运算符之外，还有比较运算符，用于比较两个表达式的值。比较运算符包括：

  • ==：等于运算符，比较两个表达式的值是否相等，相等则返回true，否则返回false。
  • ===：严格等于运算符，比较两个表达式的值和类型是否都相等，都相等则返回true，否则返回false。
  • !=：不等于运算符，比较两个表达式的值是否不相等，不相等则返回true，否则返回false。
  • !==：严格不等于运算符，比较两个表达式的值和类型是否都不相等，都不相等则返回true，否则返回false。
  • <：小于运算符，比较两个表达式的值，左边的值小于右边的值则返回true，否则返回false。
  • <=：小于或等于运算符，比较两个表达式的值，左边的值小于或等于右边的值则返回true，否则返回false。
  • >：大于运算符，比较两个表达式的值，左边的值大于右边的值则返回true，否则返回false。
  • >=：大于或等于运算符，比较两个表达式的值，左边的值大于或等于右边的值则返回true，否则返回false。

结语

JavaScript选择控制语句和表达式真假判断是编程的基础知识，掌握它们可以帮助您编写出更具逻辑性和可读性的代码。希望本文对您有所帮助，如果您还有其他问题，欢迎随时提出。