js中的循环

        循环是编程中一个非常重要的概念，它可以让程序根据一定的条件重复执行某段代码。在 JavaScript 中，我们可以使用多种不同的循环结构来实现这个功能。

1.for 循环

for 循环是最常见和最基本的循环结构之一。它的语法如下：

for (初始化表达式; 条件表达式; 更新表达式) { 
// 循环体 
}

其中，初始化表达式会在循环开始前执行一次，用于定义循环变量。条件表达式会在每次循环开始前检查，只有当其值为 true 时才会执行循环体。更新表达式会在每次循环结束后执行，用于改变循环变量的值。下面是一个简单的示例：

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

上面的代码会输出从 0 到 9 的数字。

2.while 循环

while 循环也是常见的循环结构之一，它的语法如下：

while (条件表达式) { // 循环体 }

条件表达式会在每次循环开始前检查，只有当其值为 true 时才会执行循环体。循环体执行完毕后会再次检查条件表达式的值，如果仍然为 true，则继续执行循环体。下面是一个简单的示例：

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

上面的代码也会输出从 0 到 9 的数字。

3.do...while 循环

do...while 循环和 while 循环的区别在于，它会先执行一次循环体，再检查条件表达式的值。其语法如下：

do { // 循环体 } while (条件表达式);

循环体会先执行一次，然后检查条件表达式的值。如果为 true，则继续执行循环体，并再次检查条件表达式的值。下面是一个简单的示例：

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

该代码同样会输出从 0 到 9 的数字。

4.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]); }

该代码会输出对象 obj 中所有属性的名字和对应的值。

5.for...of 循环

for...of 循环用于遍历数组等可迭代对象中的所有元素。其语法如下：

for (let 变量 of 可迭代对象) { // 循环体 }

其中，变量代表可迭代对象中的每个元素，循环体中可以使用这个变量来访问对应的值。下面是一个简单的示例：

const arr = [1, 2, 3]; for (let num of arr) { console.log(num); }

该代码会输出数组 arr 中所有的元素。

6.Array.forEach()方法

Array.forEach()方法可以用于遍历数组的每个元素。它的语法如下：

array.forEach(function(currentValue, index, array) { // code to be executed });

其中，currentValue为当前元素的值，index为当前元素的索引，array为原始数组。

7.map()方法

map()方法可以用于遍历数组并返回一个新数组。它的语法如下：

const newArray = array.map(function(currentValue, index, arr) { // return a new value });

其中，currentValue为当前元素的值，index为当前元素的索引，arr为原始数组。这个方法会返回一个新数组，新数组的元素是回调函数返回的值。

8.filter()方法

filter()方法可以用于遍历数组并返回一个包含符合条件元素的新数组。它的语法如下：

const newArray = array.filter(function(currentValue, index, arr) { // return true or false });

其中，currentValue为当前元素的值，index为当前元素的索引，arr为原始数组。这个方法会返回一个新数组，新数组包含了原始数组中符合条件的元素。

9.reduce()方法

reduce()方法可以用于遍历数组并将所有元素汇总为一个值。它的语法如下：

const result = array.reduce(function(accumulator, currentValue, index, arr) { // return the accumulated value }, initialValue);

其中，accumulator为累加器的值，currentValue为当前元素的值，index为当前元素的索引，arr为原始数组，initialValue为初始值。这个方法会返回一个最终的汇总结果。

以上就是JavaScript中循环的几种方法。在实际开发中，我们可以根据具体需求选择合适的方法。希望对你有帮助！！！