Javascript Loop - 循环语句

Javascript中的循环语句是程序员必须要学会的语言基础之一。在多数情况下，你需要多次执行相同的代码块，这时候就需要使用循环语句。Javascript中提供了四种类型的循环语句：for、while、do-while和for-in。

for循环

for循环的语法格式如下：

for (初始化表达式; 循环条件; 递增表达式) {
  // 执行的代码块
} 

其中：

• 初始化表达式：用于初始化循环计数器；
• 循环条件：循环体的执行条件；
• 递增表达式：每次循环后执行的表达式；

示例代码如下：

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

上述代码中，i的值从0开始逐次递增，循环条件为i小于10，每次循环后i的值都会递增1，直到i大于等于10时，循环结束。在每次循环中，都会执行console.log(i)语句块。

while循环

while循环的语法格式如下：

while (循环条件) {
  // 执行的代码块
}

其中while关键字后的括号内是循环条件，只要循环条件为true，就会不断地执行循环内的代码块。

示例代码如下：

let i = 0;
while (i < 10) {
  console.log(i);
  i++;
}

上述代码中，i的值从0开始逐次递增，循环条件为i小于10，每次循环后i的值都会递增1，直到i大于等于10时，循环结束。在每次循环中，都会执行console.log(i)语句块。

do-while循环

与while循环类似，do-while循环会在循环体中执行代码块一次，然后再检查循环条件。如果循环条件为真，循环会继续执行，否则循环结束。

do-while循环的语法格式如下：

do {
  // 执行的代码块
} while (循环条件);

示例代码如下：

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 10);

上述代码中，i的值从0开始逐次递增，每次循环后i的值都会递增1，直到i大于等于10时，循环结束。在每次循环中，都会执行console.log(i)语句块。

for-in循环

for-in循环是用于枚举对象属性的快捷方式。它可以枚举对象自有的可枚举属性和继承的可枚举属性。

for-in循环的语法格式如下：

for (变量 in 对象) {
  // 执行的代码块
}

示例代码如下：

const obj = {a: 1, b: 2, c: 3};
for (const key in obj) {
  console.log(`${key}: ${obj[key]}`);
}

上述代码中，for-in循环将枚举obj对象的属性，并输出每个属性的键和值。

总结

通过本文，你应该已经了解了Javascript中的四种循环语句：for、while、do-while和for-in。无论是哪种循环，都可以让我们更轻松地处理多次执行相同代码块的情况。在使用循环语句时，务必注意循环条件的设置，避免死循环等问题的出现。