for in 、for of 区别

JS对象遍历

weixin_34055787

于 2019-03-26 12:40:37 发布

阅读量51

点赞数

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c9a18c1e51d455bfc16590c

本文介绍JavaScript中对象和数组的不同遍历方法，包括使用for-in和for-of循环的区别。重点讲解了如何通过for-in循环访问对象的键名，以及for-of循环获取数组元素的方式。

遍历对象 {}

var obj = {
    name: 'xiaoming',
    run: function () {
        console.log('xiaoming run ...');
    }
}
Object.prototype.age = '23岁';
// for in 会遍历到原型上的属性
for (let i in obj) {
    console.log(i); 
    // 得到key值：name run age 
}
// for of 不支持遍历普通对象
复制代码

遍历数组

var arr = [1, 3, 4, 2, 6, 2];
for (let i in arr) {
    // 得到数组下标及原型上的属性名
    console.log(i);
}
for (let i of arr) {
    // 得到数组值
    console.log(i);
}
复制代码