【摘要】 JavaScript对象属性的遍历
先看代码
const fObj = {
fa: ‘fa’,
[Symbol(‘fa’)]: true,
}
Object.defineProperties(fObj, {
fb: { value: true },
fx: { get: () => ‘fx’ },
})
console.log(‘fObj 的属性描述…

JavaScript对象属性的遍历

先看代码

const fObj = {
  fa: 'fa',
  [Symbol('fa')]: true,
}
Object.defineProperties(fObj, {
  fb: { value: true },
  fx: { get: () => 'fx' },
})
console.log('fObj 的属性描述', Object.getOwnPropertyDescriptors(fObj))
const obj = {
  a: 10,
  [Symbol('a')]: 'a',
}
Object.setPrototypeOf(obj, fObj)
Object.defineProperties(obj, {
  b: { value: 'true' },
  x: { get: () => 'x' },
})
console.log('obj 的属性描述', Object.getOwnPropertyDescriptors(obj))

console.log(Object.keys(obj)) // ["a"]
console.log(Object.getOwnPropertyNames(obj)) // ["a", "b", "x"]
console.log(Object.getOwnPropertySymbols(obj)) // [Symbol(a)]
console.log(Reflect.ownKeys(obj)) // ["a", "b", "x", Symbol(a)]

const forInKeys = []
for (const key in obj) {
  forInKeys.push(key)
}
console.log(forInKeys) // [ 'a','fa' ]
  
 
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32