dl js循环

在 JavaScript 中，循环是一种非常常见的编程结构，用于重复执行一段代码，以下是对 JavaScript 中几种常见循环的详细解析：

1、while 循环

语法：while (条件) { 语句; }

特点：只要条件为真，就会不断循环执行代码块。

     var i = 0; 
     while (i < 100) { 
         console.log('i 当前为：' + i);
         i = i + 1; 
     }

适用场景：适用于循环次数不确定，但需要根据某个条件来控制循环的情况，比如从用户输入中读取数据，直到用户输入特定的结束标志为止。

2、do…while 循环

语法：do { 语句; } while (条件);

特点：先运行一次循环体，然后再判断循环条件。

     var x = 3;
     var i = 0; 
     do { 
         console.log(i); 
         i++; 
     } while(i < x);

适用场景：与 while 循环类似，但至少会执行一次循环体，即使条件一开始就不满足，常用于需要先执行一次操作，然后再根据条件决定是否继续循环的情况。

3、for 循环

语法：for (初始化表达式; 条件表达式; 更新表达式) { 语句; }

特点：可以方便地控制循环的开始、结束和每次循环后的变量更新。

     for(var i = 0; i < filterarray.length; i++){
         alert(filterarray[i]);
     }

适用场景：适用于已知循环次数的情况，比如遍历数组、执行固定次数的操作等。

4、增强 for…in…of 循环

for…in 循环

语法：for (var p in obj) { 语句; }

特点：用于遍历对象的属性名。

       var person = { name: '老张' };
       for (var key in person) {  
           if (person.hasOwnProperty(key)) {   
               console.log(key);
           }
       }

适用场景：适用于需要获取对象的所有可枚举属性名的情况，但要注意它会遍历对象原型链上的属性。

for…of 循环

语法：for (var p of iterable) { 语句; }

特点：用于遍历可迭代对象（如数组、字符串、集合等）的值。

       var myList = ["a", "b", "c"];
       for (let item of myList) {
           console.log(item);
       }

适用场景：适用于需要遍历数组、字符串等可迭代对象的值的情况，比传统的 for 循环更简洁。

5、map() 循环

语法：array.map(function(currentValue, index, arr), thisValue)

特点：将数组的每一个元素依次传入回调函数，并返回一个新的数组，新数组的元素是回调函数的返回值。

     var numbers = [1, 2, 3];
     var newNumbers = numbers.map(function(n) { 
         return n + 1; 
     }); 
     console.log(newNumbers); // [2, 3, 4]

适用场景：适用于对数组的每个元素进行操作，并生成一个新的数组，而不影响原数组。

6、forEach() 循环

语法：array.forEach(function(currentValue, index, arr), thisValue)

特点：与 map() 类似，也是对数组的每个元素执行回调函数，但不返回新的数组，只是单纯地执行操作。

     var myList = ["a", "b", "c"];
     myList.forEach(function(item, index) {
         console.log(index + ": " + item);
     });

适用场景：适用于只需要对数组的每个元素进行操作，而不需要生成新数组的情况，比如打印数组元素、对每个元素执行一些副作用操作等。

7、filter() 过滤循环

语法：array.filter(function(currentValue, index, arr), thisValue)

特点：创建一个新数组，其包含通过所提供函数实现的测试的所有元素。

     var filteredNumbers = [1, 2, 3, 4, 5].filter(function(elem) {
         return elem % 2 === 0;
     }); 
     console.log(filteredNumbers); // [2, 4]

适用场景：适用于从一个数组中筛选出符合特定条件的元素，组成一个新的数组。

JavaScript中的循环结构丰富多样，开发者可以根据具体的需求和场景选择最适合的循环方式，无论是简单的计数循环还是复杂的数据处理，这些循环结构都提供了强大的支持。