美文网首页
object的遍历

object的遍历

作者: 肥羊猪 | 来源:发表于2021-02-24 16:59 被阅读0次

1.for in 循环是最基础的遍历对象的方式,它还会得到对象原型链上的属性

const obj = {
            id:1,
            name:'dadadada',
            age:18
}
 for(let key  in obj){
        console.log(key + '---' + obj[key])
  }
Object.create // 使用对象的 hasOwnProperty() 方法过滤掉原型链上的属性 

2.Object.keys() 是 ES5 新增的一个对象方法,返回对象自身属性名组成的数组,它会自动过滤掉原型链上的属性,可以通过数组的 forEach() 方法来遍历

Object.keys(obj).forEach((key) => {
  console.log(obj[key]) // foo
})
// Object.keys  返回对象key,
let keys= Object.keys(obj)
 console.log(keys) // ["name", "age", "sex"]

3.Object.values(obj)

// Object.values 返回对象value,所组成的数组
    let values= Object.values(obj)
    console.log(values) //["jack", 12, "M"]

4.Object.entries

// Object.entries 返回对象[key,value] 组成的二维数组
    let entries= Object.entries(obj)
    console.log(entries)  // [["name", "jack"],["age", 12],["sex", "M"]]

(不包括不可枚举属性,Symbol属性)
5.Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames(obj).forEach(function(key){
        console.log(key+ '---'+obj[key])
    })

6.Object.getOwnPropertySymbols()
7.Reflect.ownKeys()

相关文章

  • 遍历对象

    1、使用Object.keys()遍历 2、for..in遍历 3、Object.getOwnPropertyNa...

  • object的遍历

    1.for in 循环是最基础的遍历对象的方式,它还会得到对象原型链上的属性 2.Object.keys() 是 ...

  • javascript遍历

    ## 对象遍历 // Object对象属性 Object.prototype.userProp = 'userPr...

  • js功能(函数)课堂笔记

    饥人谷_李栋 1.object2.array3.function 一、object 遍历: 注意,遍历一个对象的时...

  • ES6 - 对象

    对象合并:Object.assign()克隆对象:Object.assign({}, origin) 属性的遍历 ...

  • 04.jQuery 遍历

    jQuery遍历 DOM:Document Object Model 文档对象模型; 通过 jQuery 遍历,可...

  • js基础-2

    1. for in、Object.keys 和 Object.getOwnPropertyNames 对属性遍历有...

  • java 8 新特性随记

    1、遍历listjava 7for(Object object : list)or 其他java 8list.fo...

  • 后端开发必备JQuery常用知识点

    jQuery.each(object, [callback]) 通用遍历方法,可用于遍历对象和数组。可遍历任何对象...

  • js - 对象的遍历及常用方法

    遍历对象的常用方法 1for in 2Object.keys(obj) & Object.values(obj) ...

网友评论

      本文标题:object的遍历

      本文链接:https://www.haomeiwen.com/subject/drvsfltx.html