js的几种常用循环

/**
 * Created by acer on 2018/4/11.
 */
var arr = [1,2,3,4];
var A = {a:1,b:2,c:3,d:'hello world'}; // enumberable对象
//常见的、写法复杂的循环方式： for() 循环——可循环数组和对象、json数据
    for(var i = 0;i < arr.length;i++){
        console.log(arr[i]);
    }

//ES5新增的循环： forEach()——主要遍历数组， 不能中断循环
    arr.forEach(function (value,index,arry) {
        arry[index] == value; //true
        sum+=value;
    });
    console.log(sum);//10

//少见的一种循环： map——映射的意思，用法和forEach相似
    arr.map(function (valu,index,array) {
        //code```
    })

//常用的一种循环： for-in循环——是用来循环带有字符串key（enumerable对象）的对象的方法, 一般不新循环数组
    for(var i in arr){
        console.log(i,arr[i]);//循环数组
        //结果：0 1 ； 1 2； 2 3； 3 4
    }

    for(var k in A){
        console.log(k+'对应'+A[k]);
        //结果：a对应1；b对应2；c对应3；d对应hello world
    }

//ES6 新增了一个 for of循环——即比传统的for()循环简洁，同时弥补了forEach和for-in循环的短板
    for(let value of arr){
        console.log(value);//循环数组
        //结果：1；2；3；4
    }
    let s = "helloabc";
    for(let c of s){
        console.log(c,s[c]);//循环字符串
        //结果：0 h；1 e；2 l；3 l；4 o；5 a；6 b；7 c
    }
    var map = new Map([["a", 1], ["b", 2]]);
    for(let [k,v] of map){
        console.log(k,v)
        //结果： a 1； b 2；
    }

//对比JQuery的$.each方法
    // $.each() 用来遍历数组
    $.each([],function (idnex, value, array) {
        //···
    })

// $().each() 用来便利 DOM元素
    $("input[name = 'ch']").each(function (i) {
        if ($(this).attr('checked') == true){
            //
        }
    })