循环语句：for，for in，for of，while,do...while,forEach，map

亦凉 2022-02-22 17:48 255阅读 0赞

# 循环语句：for，for in，for of，while,do…while,forEach，map #

## 1.for循环 ##

for(语句1，语句2，语句3){ 
    	被执行的代码块
    }

eg:

var arr=[1,2,3,4,5,6]
    for(var i=0;i<arr.length;i++){ 
    	console.log(arr[i]);
    }

test:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Jlcmxpbl9Sb21l_size_16_color_FFFFFF_t_70]

## 2.for in ##

#### 注意 ####

1.for in语句循环遍历对象的属性;  
2.for in里面可以嵌套for循环，for循环里面不能嵌套for in.

var json={ name:'张三',age:20,sex:'男'}
    
    for(var attr in json){ 
    	console.log(json[attr]);
    }

test:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Jlcmxpbl9Sb21l_size_16_color_FFFFFF_t_70 1]

## 3.for of ##

var arr=['rose','win','berlin','rome','help']
    
    for(var item of arr){ 
        console.log(item);
    }

test:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Jlcmxpbl9Sb21l_size_16_color_FFFFFF_t_70 2]

## 4.while循环 ##

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

eg:

var x='';
    var i=1;
    while (i<5)
    { 
        x=x+'今天星期'+i;
        i++;
    }
    console.log(x);

test:  
![在这里插入图片描述][20190409184636379.PNG]

## [5.do][] while循环 ##

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

eg:

var x='';
    var i=1;
    do{
        x=x+'今天星期'+i;
        i++;
    }
    while (i<5)
    console.log(x);

test:![在这里插入图片描述][20190409184851163.PNG]

## 6.forEach ##

var arr=[1,2,3,4,5,6];
    arr.forEach(v=>{  //“=>”符号左边表示数组的键值，右边表示数组对应该键值的内容。
        console.log(v);
    })
    
    
    var arr=[1,2,3,4,5,6];
    arr.forEach(function(v){
        console.log(v);
    })

test:![在这里插入图片描述][20190409184857959.PNG]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Jlcmxpbl9Sb21l_size_16_color_FFFFFF_t_70]: /images/20220222/6ed02766bf884d2ab647896c602270f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Jlcmxpbl9Sb21l_size_16_color_FFFFFF_t_70 1]: /images/20220222/ac28d77baa1c4a89aecf78d5603c5ac7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Jlcmxpbl9Sb21l_size_16_color_FFFFFF_t_70 2]: /images/20220222/cda3eddd662a4f92a670e46cb67b030f.png
[20190409184636379.PNG]: /images/20220222/40e1ff72baef49e889b7d8a85926928e.png
[5.do]: http://5.do
[20190409184851163.PNG]: /images/20220222/c375f6501d41425a8e6116640fb1e33a.png
[20190409184857959.PNG]: /images/20220222/fffe5eb1d5314f64a9b2ac2ae797bb17.png