极客笔记JS for循环详解
1. 什么是for循环
在编程中，循环结构是一种重要的控制结构，它可以重复执行一段代码多次。for循环是一种常用的循环结构，它可以按照一定的次数重复执行指定的代码块。
for循环由三个部分组成：
for (初始化语句; 循环条件; 步进表达式) {
// 循环体
}
其中：
- 初始化语句在循环开始前执行一次，用于初始化循环变量。
- 循环条件在每一轮循环开始前进行判断，如果条件为真，则执行循环体。如果条件为假，则终止循环。
- 步进表达式在每一轮循环结束后执行，用于更新循环变量。
2. 基本的for循环使用示例
下面是一个简单的示例，使用for循环输出从1到5的数字：
for (let i = 1; i <= 5; i++) {
console.log(i);
}
运行结果：
1
2
3
4
5
在这个示例中，初始化语句let i = 1初始化了循环变量i为1。循环条件i <= 5判断了循环是否继续执行，如果为真则执行循环体，否则终止循环。步进表达式i++将循环变量i增加1。每次循环体执行完后，循环条件会再次判断，直到条件为假时循环终止。
3. for循环中的循环变量
在for循环中，循环变量是一个在循环中控制循环次数的变量。循环变量通常用i,j,k等字母表示。
在上面的示例中，for (let i = 1; i <= 5; i++)中的i就是循环变量。循环变量的作用范围只在循环体内部有效，循环结束后会被销毁。
4. for循环中的循环体
for循环中的循环体是被重复执行的代码块，它可以包含任意的JavaScript语句。循环体可以是一个单独的语句，也可以是一个代码块（由花括号{}包围的一段代码）。
下面是一个包含多个语句的循环体示例：
for (let i = 0; i < 5; i++) {
console.log("Hello");
console.log("World");
}
运行结果：
Hello
World
Hello
World
Hello
World
Hello
World
Hello
World
在这个示例中，循环体包含了两个console.log语句。循环执行5次，每次都会依次执行这两个语句。
5. for循环中的多种数据类型使用示例
for循环不仅可以用于数字的遍历，也可以用于其他数据类型的遍历。下面是一些示例：
遍历数组元素
const array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
运行结果：
1
2
3
4
5
在这个示例中，for循环通过循环变量i遍历了数组array的所有元素，并通过console.log语句输出了每个元素。
遍历字符串
const str = "Hello";
for (let i = 0; i < str.length; i++) {
console.log(str[i]);
}
运行结果：
H
e
l
l
o
在这个示例中，for循环通过循环变量i遍历了字符串str的所有字符，并通过console.log语句输出了每个字符。
遍历对象属性
const obj = {
name: "Alice",
age: 20,
gender: "female"
};
for (let key in obj) {
console.log(key + ": " + obj[key]);
}
运行结果：
name: Alice
age: 20
gender: female
在这个示例中，for...in循环通过循环变量key遍历了对象obj的所有属性，并通过console.log语句输出了每个属性的名称和值。
6. 嵌套的for循环
for循环可以嵌套在另一个for循环中，形成嵌套循环的结构。嵌套循环可以用于处理多维数组或多层对象的遍历。
下面是一个使用嵌套循环遍历二维数组的示例：
const matrix = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
for (let i = 0; i < matrix.length; i++) {
for (let j = 0; j < matrix[i].length; j++) {
console.log(matrix[i][j]);
}
}
运行结果：
1
2
3
4
5
6
7
8
9
在这个示例中，外层的for循环控制行的遍历，内层的for循环控制列的遍历，通过console.log语句输出了每个元素。
7. 控制循环流程的语句
for循环中可以使用一些控制循环流程的语句，如break和continue。
使用break语句终止循环
break语句可以在循环中的任何位置使用，用于强制结束循环。
下面是一个使用break语句终止循环的示例：
for (let i = 1; i <= 10; i++) {
console.log(i);
if (i === 5) {
break;
}
}
运行结果：
1
2
3
4
5
在这个示例中，当循环变量i等于5时，break语句被执行，强制终止了循环。
使用continue语句跳过当前循环
continue语句可以在循环中的任何位置使用，用于跳过当前循环的剩余代码，进入到下一次循环。
下面是一个使用continue语句跳过当前循环的示例：
for (let i = 1; i <= 5; i++) {
if (i === 3) {
continue;
}
console.log(i);
}
运行结果：
1
2
4
5
在这个示例中，当循环变量i等于3时，continue语句被执行，跳过了后续的console.log语句，直接进入到下一次循环。
8. 使用for循环进行迭代
除了常规的使用情况，for循环还可以用于进行迭代操作。
下面是一个使用for循环迭代数组元素的示例：
const numbers = [2, 4, 6, 8, 10];
for (let number of numbers) {
console.log(number);
}
运行结果：
2
4
6
8
10
在这个示例中，for...of循环可以直接迭代数组numbers中的元素，无需使用索引。每次迭代，循环变量number会依次取到数组的每个元素，并通过console.log语句输出。
9. 总结
for循环是一种常用的循环结构，它可以按照一定的次数重复执行指定的代码块。通过初始化语句、循环条件和步进表达式，我们可以灵活地控制循环的次数和流程。for循环可以用于数字的遍历、数组的遍历、字符串的遍历、对象属性的遍历，甚至可以嵌套使用。此外，我们还可以使用break语句强制终止循环，或使用continue语句跳过当前循环。最后，for循环还可以用于进行迭代操作，简化代码的书写。