重点--遍历对象属性

2019-06-22  本文已影响0人  潘肚饿兵哥哥

\color{rgba(254, 67, 101, .8)}{遍历对象属性}
\color{rgba(254, 67, 101, .8)}{之前的循环不能循环对象,因为对象没有索引}
\color{rgba(254, 67, 101, .8)}{对象的遍历使用新的循环:for···in}
\color{rgba(254, 67, 101, .8)}{for···in对于数组或者对象的属性都可以进行循环操作}

\color{rgba(254, 67, 101, .8)}{但是最好用于对象的遍历}

语法:

for(变量 in 对象){ }

\color{rgba(254, 67, 101, .8)}{对象的遍历一般用来遍历属性,很少用来遍历方法}
\color{rgba(254, 67, 101, .8)}{demo:}

    <script>
        //遍历对象属性
        //之前的输出方法:
        var obj = {
                name: '刘德华',
                age: 18,
                sex: '男',
                fn: function() {

                }
            }
            // console.log(obj.name);
            // console.log(obj.age);
            // console.log(obj.sex);

        //对象的遍历这样写
        for (var k in obj) {
            console.log(k); //k是变量,输出的是属性名
            console.log(obj[k]); //obj[k]得到的是属性值,必须用中括号,且变量k不加引号
        }
    </script>

\color{rgba(254, 67, 101, .8)}{对象小结:}

1.对象可以让代码结构更清晰
2.对象是复杂数据类型 object
3.本质:对象就是一组无序的相关属性和方法的集合
4.构造函数泛指某一大类,比如苹果,不管什么颜色的苹果,都叫苹果
5.对象实例特指一个事物,比如一辆具体存在的车
6.可以通过 for···in对于对象的属性进行循环操作

上一篇下一篇

猜你喜欢

热点阅读