ES6-遍历方法(for...of)

在es6中通用的遍历方法 for...of

1、遍历数组

//遍历数组
    let arr = [1,2,3,4,5];
    for(let item of arr){
        console.log(item);
    }

2、遍历字符串

 //遍历字符串
    let str = 'xtcvbjnkllkj';
    for(let char of str){
        console.log(char);
    }

3、遍历 nodeList 标签节点

<p></p>
<p></p>
<p></p>
<p></p>
<p></p>


//遍历 nodeList  标签节点
    let p = document.getElementsByTagName('p');
    for(let i of p){
        console.log(i);
    }

4、遍历set

 //遍历set
    let set1 = new Set([1,2,3,4,5,6,7,8,9]);
    for(let s of set1){
        console.log(s);
    }

5、遍历map

    //遍历 map
    let m = new Map([['123','qwe'],['345','asd'],['789','zxc']]);
    for(let mm of m){
        console.log(mm);
    }
    //循环 map 的 key
    var mk = m.keys();
    for(let k of mk){
        console.log(k);
    }

    //循环 map 的value
    var mv = m.values();
    for(let v of mv){
        console.log(v);
    }

6、循环对象

• 对象没有 iterator
• 所以不能用 for of 循环
• 使用 key...in

 //循环对象
    var obj = {
        names : '娜娜',
        age : 20,
        sex : '男',
    }
    for(let key in obj){
        console.log(key); //打印所有的键名
    }

    for(let key in obj){
        console.log(obj[key]); //打印所有的value
    }