美文网首页
重点--遍历对象属性

重点--遍历对象属性

作者: 潘肚饿兵哥哥 | 来源:发表于2019-06-22 16:04 被阅读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对于对象的属性进行循环操作

    相关文章

      网友评论

          本文标题:重点--遍历对象属性

          本文链接:https://www.haomeiwen.com/subject/imcvqctx.html