JS学习20：for..in 循环遍历对象

玉安_ZhangDe

于 2022-05-04 12:03:59 发布

阅读量7k

点赞数

分类专栏： JavaScript 文章标签： JavaScript for...in循环遍历属性对象属性值

本文链接：https://blog.youkuaiyun.com/qq_47373340/article/details/124567907

版权

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了JavaScript中的for...in循环，它用于遍历对象的属性。不同于for和do-while循环，for...in循环会迭代对象的所有可枚举属性，包括从原型链继承的属性。通过示例代码，展示了如何使用for...in遍历对象属性并获取对应的值，帮助读者更好地理解和运用这一语法特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在此之前我们对于for循环已经非常熟悉了，在此我就不多做赘述了。do-while循环也就比while循环多循环一轮。那 for .. in循环呢？

for...in 语句用于对数组或者对象的属性进行循环操作。
其语法如下：

for (变量 in 对象名字) {
    // 在此执行代码
}

理解：for....in遍历，其实是在变量object对象中的所有属性key，然后我们可以根据key获取value属性值

        var obj = {
            // 存储对象的是key & value 键值对
            // key: value;
            name: '索儿',
            type: '艾欧尼亚',
            age: 30,
            color: '蓝色',
            skill: function () {
                alert('hasai & hasaki')
            }
        }
        for (const key in obj) { //for in遍历obj，其实遍历的是obj中的属性 ['name','type']
            console.log(key);   // 遍历出来的是key 'name','type'
            console.log(obj[key]); // 遍历出来的是value值 '索儿','艾欧尼亚'
        }