• 技术文章 >Web开发 >JavaScript

    js遍历对象的方法

    宋雪维宋雪维2021-01-13 09:23:39原创2543

    在讲JavaScript数组的时候,小编介绍了很多关于数组遍历操作的内容。而JavaScript作为仅仅是面向对象的语言,肯定也会进行对象遍历的操作。本文介绍JavaScript中常见的三种对象遍历方法:1、使用for…in ;2、使用Object.keys ;3、使用Object.getOwnPropertyNames(obj)。

    1、使用for…in

    遍历对象自身和原型上,可以遍历的属性。

    1

    2

    3

    4

    5

    6

    7

    8

    let obj = {

             name: 'lulu',

             id: 1,

             age: 18

    }

    for (let key in obj) {

        console.log( key + ':' + obj[key] )

    }

    输出

    1

    2

    3

    4

    // 输出结果

    //  name:lulu

    //  id:1

    //  age:18

    2、使用Object.keys

    遍历对象自身,可以遍历的属性。

    1

    2

    3

    var obj={todos1:'吃饭',todos2:'睡觉',todos3:'晒太阳'};

    console.log(Object.keys(obj));   // ["todos1", "todos2", "todos3"]

    console.log(Object.values(obj)); // ["吃饭", "睡觉", "晒太阳"]

    3、使用Object.getOwnPropertyNames(obj)

    遍历对象自身,可以遍历和不可遍历的属性。

    1

    2

    3

    console.log(Object.getOwnPropertyNames(obj));

    //打印结果

    //["name", "age", "say"]

    以上就是JavaScript中常见的三种对象遍历方法,大家可以选择一种方法套入使用哦~更多js学习推荐:js教程

    专题推荐:js对象遍历
    上一篇:js对象转json字符串 下一篇:js对象遍历顺序

    相关文章推荐

    • python如何将九九乘法表写入到Excel?• python中pandas_datareader库怎么用?• python迭代器中Yield方法怎么用?• python中如何实现自动化操纵浏览器?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网