JS之大循环 它是如何循环的？
2023-09-27 20:29:18
掌握 JavaScript 循环语句：揭开重复代码的秘密
在 JavaScript 编程中，循环语句是不可或缺的工具，它们允许您重复执行代码块，从而简化了复杂任务。本博客将深入探讨 JavaScript 提供的各种循环语句，包括 while、do while、for、for of 和 for in，帮助您充分利用循环的力量。
while 循环：条件检查的重复
while 循环的基本原理非常简单：它反复执行代码块，只要一个特定的条件为真。条件表达式位于循环开头，每当代码块执行一次，条件都会重新评估。如果条件为假，循环终止。
示例：
let i = 0;
while (i < 10) {
console.log(i);
i++;
}
上面的代码将不断打印 i 的值，直到 i 达到 10 为止。
do while 循环：至少执行一次
do while 循环类似于 while 循环，但有一个重要区别：它始终至少执行代码块一次，即使条件在循环开始时为假。只有当条件在代码块执行后才评估为假时，循环才会终止。
示例：
let i = 10;
do {
console.log(i);
i++;
} while (i < 10);
即使 i 在循环开始时已经达到 10，此代码仍会打印 i 的值，因为代码块在检查条件之前会先执行一次。
for 循环：用计数器控制循环
for 循环是一种基于计数器的循环，非常适合重复代码块一个已知次数。它使用三个子句：
- 初始化：将计数器变量初始化为起始值。
- 条件：指定循环执行的条件。
- 递增/递减：每次循环迭代后更新计数器。
示例：
for (let i = 0; i < 10; i++) {
console.log(i);
}
这将打印从 0 到 9 的数字，因为计数器 i 从 0 开始，只要 i 小于 10，循环就会继续，并且 i 在每次迭代后都会增加 1。
for of 循环：遍历可迭代对象
for of 循环是 ES6 中引入的，用于遍历可迭代对象，例如数组和字符串。它使用一个变量来接收每次迭代中的当前元素。
示例：
const arr = [1, 2, 3, 4, 5];
for (const item of arr) {
console.log(item);
}
这将遍历 arr 数组并打印每个元素。
for in 循环：遍历对象属性
for in 循环也是 ES6 中引入的，它用于遍历对象中的属性。它使用一个变量来接收每次迭代中的当前属性名。
示例：
const obj = { name: 'John', age: 30 };
for (const prop in obj) {
console.log(prop);
}
这将遍历 obj 对象并打印其属性名。
使用 break 和 continue 控制循环流
JavaScript 提供了 break 和 continue 语句，用于控制循环流。break 语句立即终止循环，而 continue 语句跳过当前迭代并继续执行下一迭代。
示例：
let i = 0;
while (i < 10) {
if (i === 5) {
break;
}
console.log(i);
i++;
}
这将打印从 0 到 4 的数字，因为循环在 i 达到 5 时被 break 语句终止。
常见问题解答
-
什么时候使用 while 循环？
- 当您需要在满足特定条件时重复执行代码块。
-
do while 循环与 while 循环有何不同？
- do while 循环始终至少执行一次代码块，即使条件为假。
-
如何使用 for 循环遍历数组中的元素？
- 使用 for of 循环，它为每次迭代提供数组的当前元素。
-
如何使用 for in 循环遍历对象中的属性？
- 使用 for in 循环，它为每次迭代提供对象的当前属性名。
-
break 和 continue 语句有何作用？
- break 语句立即终止循环，而 continue 语句跳过当前迭代并继续执行下一迭代。
结论
JavaScript 循环语句是功能强大的工具，可以简化重复任务并增强代码的可读性。通过掌握这些循环，您可以提高 JavaScript 编程技能并编写更有效和可维护的代码。请务必练习和实验这些循环，以充分利用它们的潜力。
