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

最新推荐文章于 2024-05-03 08:47:02 发布

原创最新推荐文章于 2024-05-03 08:47:02 发布 · 7.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #前端 #javascript #开发语言

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

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

在此之前我们对于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值 '索儿','艾欧尼亚'
        }