for...in..语句枚举对象属性

一份蛋炒饭

于 2021-02-05 09:24:39 发布

阅读量96

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_52019215/article/details/113677280

版权

js 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //枚举对象

        //创建一个对象
        var obj = {
            name: 'jcw',
            age: 18,
            gender: 'man',
            address: 'chengdu',
            sayHello: function() {
                console.log('hello');
            }
        }

        //for....in...语句
        // for(var 变量 in 对象) {}
        // for (var n in obj) {
        //     console.log('hi'); //执行了5次，因为对象obj有5各属性
        // }
        //for...in...中，对象有几个属性，则执行几次
        //每次执行的时候会将对象中的属性赋值给变量
        for (var n in obj) {
            console.log(n); //枚举了对象obj的属性名
            // console.log(obj.n); //undefined 因为obj里面 并没有n的属性
            console.log(obj[n]); //利用[]来找obj的属性  非['n']这样是找obj里面n的属性
        }
    </script>
</body>

</html>