for循环,for...in循环,forEach循环遍历数组的区别

 

分别介绍一下三种循环的用法

for循环

        for循环是应用最广泛的循环形式

        适用于已知循环次数,循环嵌套情况

语法形式：

        for循环 () 中的内容顺序不能改变

        for( 定义循环变量的初始值 ; 判断进入条件 ; 步长 ){ 循环体     }

        for循环的优点是,可以控制循环的起始和结束

循环语句中的关键词 

        1 , break    终止循环

            终止当前循环break关键词之后,程序的执行,以及终止之后的循环

        2 , continue 跳出循环

            终止当前循环continue关键词之后,只终止当前循环体的执行，之后的循环会继续执行

for循环例子：

var str= 'abcdefg';

        for(var i = 0 ; i <= str.length-1 ; i++){ //这里 i 是字符串的索引

            console.log(123);

            console.log(i,str[i]); //这里是输出应索引和索引对应的数据

        }

 

for...in...循环

        for...in...  数组,对象都可以使用的循环

语法形式:

        for(var 自定义变量 in 数组){程序} 

        自定义变量 : 存储 数组单元索引

        存储的索引的数据类型是字符串类型

        如果要执行加法运算,需要转化为数值类型

例子1:数组的循环遍历       

 var arr = ['北京', '上海', '广州', '重庆', '天津'];

        for (var key in arr) {  // 自定义变量key,存储索引 0 1 2 3 4 ....

            console.log(key, arr[key]);   //这里是输出索引和索引对应的数据

        }

例子2:对象的循环遍历

 var obj = {name:'小白',age:22,city:'北京'};
        for (var key1 in obj) {  // 自定义变量key,存储对象的键名
            console.log(key1, obj[key1]);   //这里是输出对象的键名和对应的数据
        }

 

forEach循环

        forEach() ，是专门针对数组的循环遍历

语法形式:

        数组.forEach(function(参数1,参数2,参数3){程序})

        参数1 : 存储 数组单元数据

        参数2 : 存储 数组单元索引

        参数3 : 存储 原始数组         

例子:数组的循环遍历

var arr2 = ['北京', '上海', '广州', '重庆', '天津'];
        arr2.forEach(function(val,key2){
            console.log(key2 , val);
        })