JavaScript中的所有循环语句及用法总结

JavaScript中的循环语句

概念：循环语句用于重复执行一段代码，直至满足一定的条件

1.for循环

（1）基本语法：

for (初始化； 条件； 步进) { 语句 }

（2）参数说明：

初始化：在循环开始前设置变量（如计数器）。
条件：执行循环的条件，条件为真时继续循环。
步进：每次循环后执行的操作，通常为更新计数器。

（3）示例：

for (var i = 0; i < 5; i++) {
	  console.log("This is loop iteration " + i);
}

（4）特点：

适用于已知循环次数的情况。特点：适用于已知循环次数的情况。

2.for…in循环

（1）基本语法：

for (变量 in 对象) { 语句 }

（2）参数说明：

变量：遍历对象属性时使用的变量。
对象：要遍历其属性的对象。

（3）示例：

var person = {
	fname: "John", 
	lname: "Doe"
};
for (x in person) {
	 console.log(person[x]);
}

（4）特点：

专门用于遍历对象的属性。

3.while循环

（1）基本语法

while (条件) { 语句 }

（2）参数说明

条件：执行循环的条件。

（3）示例

var i = 0;
while (i < 5) {
	 console.log("Current value of i is " + i);
  	 i++;
}

（4）特点

1）当条件为真时，重复执行语句或语句块。
2）while循环先检查条件是否满足，然后再决定是否执行循环体。如果初始条件就不成立，那么循环体代码一次也不会被执行。
3）由于while循环先检查条件，它可能一次也不执行循环体

4.do…while循环

（1）基本语法：

do { 语句 } while (条件)

（2）参数说明：

条件：执行循环的条件。

（3）示例：

var i = 0;
do {
  	console.log("Current value of i is " + i);
  	i++;
} while (i < 5);

（4）特点

1）与while循环相似。先执行一次循环体，然后检查条件。因此无论初始条件如何，循环体内的代码至少会被执行一次。
2）do while循环保证至少执行一次循环体，适用于那些至少要执行一次循环的情况。

5.for…of循环

（1）基本语法：

for (变量 of 可迭代对象) { 语句 }

（2）参数说明：

变量：用于存储可迭代对象的当前元素。
可迭代对象：任何可以迭代的对象，如数组、字符串、Set、Map等。

（3）示例：

const array = [1, 2, 3, 4, 5];
for (const item of array) {
 	 console.log(item);
}

（4）特点

用于遍历可迭代对象的元素的便捷方式，适用于ES6及更高版本。

6.break和continue语句

break ：立即退出当前循环。
continue ：立即开始下一次循环迭代。

（1）示例 ：

for (var i = 0; i < 5; i++) {
  if (i === 3) {
    continue; // skip the rest of the loop for i = 3
  }
  console.log(i);
}

（2）特点：

提供了对循环流程的控制，允许在特定条件下提前结束循环或跳过某些迭代。

7.嵌套循环

（1）基本语法：

循环内包含另一个循环结构。

（2）示例：

var rows = 3;
var columns = 4;
for (var r = 0; r < rows; r++) {
	for (var c = 0; c < columns; c++) {
		console.log("Row " + r + ", Column " + c);
	}
}

（3）特点：

常用于处理二维数据结构，如数组的数组、矩阵等。

8.异常处理

（1）作用：

在循环中处理异常，可以使用try…catch结构。

（2）示例：

for (var i = 0; i < array.length; i++) {
  try {
    // 可能抛出异常的代码
  } catch (error) {
    console.error("An error occurred: " + error.message);
  }
}

（3） 特点：

确保循环不会因为异常而中断，并允许处理错误。

9.性能优化

（1）作用：

尽量减少循环内部的计算量，尤其是避免在循环条件中进行复杂计算。
使用索引变量直接访问数组元素，而不是使用Array.prototype.push等方法。

（2）示例：

for (var i = 0, len = array.length; i < len; i++) {
  // 循环体
}

（3）特点：

通过减少计算量和避免使用慢速方法，可以提高循环的性能。

总结：

JavaScript中的循环语句为编程提供了强大的工具，用于重复执行代码块。根据具体需求，可以选择不同的循环结构来优化代码的效率和可读性。在使用循环时，还应注意性能优化和异常处理，以确保代码的稳定性和效率。