JS获取对象属性的方法

  • Object.getOwnPropertyNames():一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组。
  • Object.getOwnPropertySymbols():返回一个给定对象自身的所有 Symbol 属性的数组。
  • Object.keys():返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致
  • Reflect.ownKeys():返回一个由目标对象自身的属性键组成的数组
  • for in:以任意顺序遍历一个对象的除 Symbol 以外的可枚举属性
let triangle = {
    a: 1,
    b: 2,
    c: 3
  }

  function coloTriangle() {
    this.color = 'red'
  }

  coloTriangle.prototype = triangle
  let color = new coloTriangle()
  Object.defineProperty(color, 'auto', {
    //通过defineProperty定义的属性就是不可枚举的
    value: 'auto2'
  })
  let symbolProp = Symbol('symbol')
  color[symbolProp] = 'symbol'
  /* 
    1.只能自身
    2.不管枚举不枚举都能遍历
    3.支持获取symbol类型属性
  */
  console.info(Reflect.ownKeys(color)) // ['color','auto',Symbol(symbol)]

  /* 
    1.只能自身
    2.不管枚举不枚举都能遍历
    3.获取不到symbol类型属性
  */
  console.info(Object.getOwnPropertyNames(color)) // ['color','auto']

  /* 
    1.只能自身
    2.不管枚举不枚举都能遍历
    3.只能拿到symbol类型属性
  */
  console.info(Object.getOwnPropertySymbols(color)) // [Symbol(symbol)]

  /* 
    1.只能自身
    2.要枚举才可以
    3.获取不到symbol类型属性
  */
  console.info(Object.keys(color)) //["color"]

  /* 
    1.不单单自身,包含原型链
    2.要枚举才可以
    3.获取不到symbol类型属性
  */
  for (let i in color) {
    console.info(i) // color a b c
  }
方法包含原型链上的属性包含无法枚举属性包含symbol类型属性
Reflect.ownKeys不包含包含包含
Object.getOwnPropertyNames不包含包含不包含
Object.getOwnPropertySymbols不包含包含只包含
Object.keys不包含不包含不包含
for in包含不包含不包含
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值