js之循环

2023-1-5 前端达人

avaScript 循环

编写程序是为了让我们更高效的处理问题，但在生活中我们常常遇到一些重复性的动作，也就是当我们希望一遍又一遍的执行多次代码，但是每一次执行代码的值有不同的时候我们就可以使用循环语句来解决问题。

不同类型的循环

JavaScript支持不同类型的循环:

for —— 循环代码块—定的次数
forlin —— 循环遍历对象的属性
while —— 当指定的条件为true 时循环指定的代码块
do…while —— 同样当指定的条件为true 时循环指定的代码块

循环：具备的四个条件

初始值条件
循环条件
迭代条件
循环体

While循环

do...while语句可以在某个条件表达式为真的前提下，循环执行指定的一段代码，直到那个表达式不为真时结束循环。
语法:

while(条件){
    需要执行的代码
}  


    
        1
    

    
        2
    

    
        3

比如:

//打印0~3
let n = 0;

while (n < 3) {
  n++;
}  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5
    

    
        6

do…While循环

do...while语句创建一个执行指定语句的循环，直到condition值为 false。在执行statement 后检测condition，所以指定的statement至少执行一次，理论上,所有的while循环都可以使用doWhile

语法:

//初始化条件
var index = 0;
do{
    //递归条件
    index++;
    //循环体;
}while(条件);//同样的这个条件是一个Boolean  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5
    

    
        6
    

    
        7

比如:

//列出1~10之间的所有奇数
var index = 0;
do{
    index++;
    if(index % 2 == 1){
        console.log(index);
    }
}while(index<10);  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5
    

    
        6
    

    
        7
    

    
        8

dowhile与while的区别:
- while循环先是判断条件,再执行循环体
- dowhile循 1 环先循环一次 2 再判断条件 3 再执行循环体 4.重复2,3

比如:

var a = 10;
//while循环
while(a<4){
    console.log("执行while循环");
}
//dowhile循环
do{
    console.log("这是doWhile循环");
}while(a<4)  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5
    

    
        6
    

    
        7
    

    
        8
    

    
        9

for循环

for 语句用于创建一个循环，它包含了三个可选的表达式，这三个表达式被包围在圆括号之中，使用分号分隔，后跟一个用于在循环中执行的语句（通常是一个块语句）。

语法:

for(初始条件;循环条件;迭代条件){
    //循环体
}  


    
        1
    

    
        2
    

    
        3

比如:

for(var i = 0 ; i < 10 ; i++){
    console.log("输出第"+i+"次循环");
}  


    
        1
    

    
        2
    

    
        3

上面的执行顺序如下：

先执行出初始化的条件i= 0;
执行循环条件i< 10
执行循环体
走自增i++
执行继续判断第2步,依此类推

for/in循环

for...in语句以任意顺序迭代一个对象的除Symbol以外的可枚举属性，包括继承的可枚举属性。
语法:

var 对象名 = {}
for(属性名 in 对象名){
    //循环体
}  


    
        1
    

    
        2
    

    
        3
    

    
        4

比如:

var info={name:"xiaoming",sex:"man",age:18}; 
for (x in info){
    txt=txt + person[x];
}  


    
        1
    

    
        2
    

    
        3
    

    
        4

for/of循环

for...of语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句
语法:

 for (属性名 of 对象名) {
    //statements
}  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5

比如:

var arr = ['nick','freddy','mike','james'];
for(var item of arr){   
    console.log(item);
}  


    
        1
    

    
        2
    

    
        3
    

    
        4