在JavaScript中,循环用于重复执行一段代码直到满足特定条件。主要有以下几种类型的循环:
for
循环for
循环是最常用的循环结构之一,适用于已知循环次数的情况。
语法:
for (初始化; 条件; 迭代) {
// 循环体
}
示例:
for (let i = 0; i < 5; i++) {
console.log(i); // 输出 0 到 4
}
while
循环while
循环在条件为真时重复执行代码块。
语法:
while (条件) {
// 循环体
}
示例:
let i = 0;
while (i < 5) {
console.log(i); // 输出 0 到 4
i++;
}
do...while
循环do...while
循环至少执行一次代码块,然后在条件为真时继续执行。
语法:
do {
// 循环体
} while (条件);
示例:
let i = 0;
do {
console.log(i); // 输出 0 到 4
i++;
} while (i < 5);
for...of
循环for...of
循环用于遍历可迭代对象(如数组、字符串等)。
语法:
for (let 变量 of 可迭代对象) {
// 循环体
}
示例:
const arr = [1, 2, 3, 4, 5];
for (let num of arr) {
console.log(num); // 输出 1 到 5
}
for...in
循环for...in
循环用于遍历对象的可枚举属性。
语法:
for (let 属性 in 对象) {
// 循环体
}
示例:
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
console.log(key, obj[key]); // 输出 a 1, b 2, c 3
}
var
声明的变量在循环外部也可访问,可能导致意外结果。let
声明循环变量,确保其作用域仅限于循环内部。示例:
for (var i = 0; i < 5; i++) {
// ...
}
console.log(i); // 5,i 在循环外部可访问
for (let j = 0; j < 5; j++) {
// ...
}
console.log(j); // 报错,j 在循环外部不可访问
通过以上介绍,你应该能够根据具体需求选择合适的循环结构,并避免常见的循环问题。
领取专属 10元无门槛券
手把手带您无忧上云