返回

揭秘JS三判断三循环，搞定业务不掉坑

前端

正文

作为一名前端工程师，掌握JavaScript语言是必不可少的。而判断语句和循环语句是JavaScript中的两大基本语法结构，它们就像编程世界的逻辑闸门和齿轮，在代码执行过程中起着至关重要的作用。

一、判断语句

判断语句用于根据某个条件来决定程序执行的路径，常见的有if、else if、else和switch四种。

  1. if语句

if语句是最简单的判断语句，它的语法结构如下：

if (condition) {
  // 如果condition为真，执行这些代码
}

例如，以下代码使用if语句判断一个数字是否大于10：

let num = 15;

if (num > 10) {
  console.log('num is greater than 10');
}
  1. else if语句

else if语句用于在if语句为false的情况下继续判断另一个条件，它的语法结构如下：

if (condition1) {
  // 如果condition1为真，执行这些代码
} else if (condition2) {
  // 如果condition1为假，且condition2为真，执行这些代码
}

例如，以下代码使用else if语句判断一个数字是否在10到20之间：

let num = 15;

if (num > 10) {
  console.log('num is greater than 10');
} else if (num < 20) {
  console.log('num is between 10 and 20');
}
  1. else语句

else语句用于在所有if和else if语句都为false的情况下执行一些代码，它的语法结构如下：

if (condition1) {
  // 如果condition1为真，执行这些代码
} else if (condition2) {
  // 如果condition1为假，且condition2为真，执行这些代码
} else {
  // 如果所有条件都为假，执行这些代码
}

例如，以下代码使用else语句判断一个数字是否大于10，小于20，否则输出其他信息：

let num = 5;

if (num > 10) {
  console.log('num is greater than 10');
} else if (num < 20) {
  console.log('num is between 10 and 20');
} else {
  console.log('num is not greater than 10 or less than 20');
}
  1. switch语句

switch语句用于根据一个变量的值来执行不同的代码块，它的语法结构如下：

switch (variable) {
  case value1:
    // 如果variable的值等于value1，执行这些代码
    break;
  case value2:
    // 如果variable的值等于value2，执行这些代码
    break;
  default:
    // 如果variable的值不等于任何一个case的值，执行这些代码
}

例如，以下代码使用switch语句判断一个字母的类型：

let letter = 'A';

switch (letter) {
  case 'A':
    console.log('letter is a vowel');
    break;
  case 'E':
    console.log('letter is a vowel');
    break;
  case 'I':
    console.log('letter is a vowel');
    break;
  case 'O':
    console.log('letter is a vowel');
    break;
  case 'U':
    console.log('letter is a vowel');
    break;
  default:
    console.log('letter is a consonant');
}

二、循环语句

循环语句用于重复执行一段代码，常见的有while、do while和for三种。

  1. while循环

while循环用于只要条件为真就一直执行一段代码，它的语法结构如下：

while (condition) {
  // 如果condition为真，执行这些代码
}

例如，以下代码使用while循环输出从1到10的数字：

let i = 1;

while (i <= 10) {
  console.log(i);
  i++;
}
  1. do while循环

do while循环与while循环类似，但它至少会执行一次循环体，即使条件为假也是如此，它的语法结构如下：

do {
  // 执行这些代码
} while (condition);

例如，以下代码使用do while循环输出从1到10的数字：

let i = 1;

do {
  console.log(i);
  i++;
} while (i <= 10);
  1. for循环

for循环用于重复执行一段代码指定次数，它的语法结构如下：

for (let i = 0; i < 10; i++) {
  // 执行这些代码
}

例如，以下代码使用for循环输出从1到10的数字：

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

结语

判断语句和循环语句是JavaScript中的两大基本语法结构，它们在程序中发挥着重要的作用。通过理解和掌握这些语句，您可以编写出更强大、更灵活的代码。