[分享]浅析四种常见的Javascript声明循环变量的书写方式

当需要在JavaScript中循环执行某个代码块时，我们可以通过四种常见的方式来声明循环变量。这四种方式分别为:for循环for循环是JavaScript中最常用的循环语句，适用于已知循环次数和循环起...

当需要在JavaScript中循环执行某个代码块时，我们可以通过四种常见的方式来声明循环变量。这四种方式分别为:

1. for循环

for循环是JavaScript中最常用的循环语句，适用于已知循环次数和循环起始值的场景。for循环的语法格式如下:

for (let i = 0; i < n; i++) {
  // 要循环执行的代码
}

其中，let i = 0表示循环变量的初始值为0；i < n为循环条件，只要满足条件就会循环执行；i++表示每循环一次，循环变量i会增加1个单位。下面是一个例子：

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

上述代码会打印出从0到4的5个数字。

1. while循环

while循环是一种循环结构，在条件为真时重复执行指定的代码块。 while循环的语法如下：

while (condition) {
  // 要循环执行的代码
}

在这个结构中，condition 是一个用于检测每次循环是否应该继续的条件表达式。如果 condition 为真，则代码块将继续执行。当 condition 为假时，循环停止。下面是一个例子：

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

上述代码将打印从 0 到 4 的数字。

1. do...while循环

do...while循环与 while 循环非常相似，区别在于 do...while 循环会在处理代码块之前执行一次条件检查。它的语法如下：

do {
  // 要循环执行的代码
} while (condition)

在这个结构中，代码块会被执行一次，然后会重复执行，直到 condition 不再为真位置）。下面是一个例子：

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

上述代码将打印从 0 到 4 的数字。

1. for...in 循环

for...in循环是一种循环结构，可用于遍历Javascript对象的所有属性。for...in 循环的语法如下：

for (variable in object) {
  // 要在每个属性上执行的代码
}

在这个结构中，variable 是指向每个属性的变量名，而 object 是要遍历的对象。下面是一个例子：

const myObj = {a: 1, b: 2, c: 3}

for (const prop in myObj) {
  console.log(`${prop}: ${myObj[prop]}`)
}

上述代码将打印出对象的每个属性及其对应的值，即：

a: 1
b: 2
c: 3