获取Object对象属性的方法

261 阅读1分钟
  • 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包含不包含不包含