遍历 for in、for of、for each

1、for in 一般用于遍历对象

//遍历对象
        for (const key in obj) {
            console.log(key);  //key

            console.log(obj[key]); //value
        }

2、for of  

//一个数据结构只有部署了 Symbol.iterator 属性, 才具有 iterator接口可以使用 for of循环。

        /*
    以下数据部署了Symbol.iterator 属性：

        数组 Array
        Map
        Set
        String
        arguments对象
        Nodelist对象, 就是获取的dom列表集合

        */

        //数组有Symbol.iterator 属性：，可以遍历数组

        //遍历数组的每一项
        var arr = ['aa', 'bb', 'cc'];
        for (const item of arr) {
            console.log(item);//aa bb cc 
        }
        console.log('//');


        //遍历数组的每一项
        var arrObj = [
            {
                name: '小明',
                age: 20,
            }
        ];
        for (const item of arrObj) {
            console.log(item);//object
            console.log(item.name);//小明
            console.log(item.age);//20
        }

3、for each

/*1、第一个参数，正在遍历的元素值，必须写
        
          2、第二个参数，数组索引值，可写

          3、第三个参数，数组对象，可写
        */
       
        var arr = ['aa','bb','cc','dd'];
        
        arr.forEach(function(value,index,array){

            console.log(value);//数组的各个元素值
            // console.log(index);
            // console.log(array);
        })