Object.getOwnPropertyNames() 与 Object.keys() 的区别

Object.getOwnPropertyNames(obj) 返回对象 obj 的所有属性 。Object.keys(obj) 返回所有可枚举的属性。

除非将 enumerable: false 设置为任何属性，否则它们会提供相同的结果。

在下面的例子中，screen 对象有两个属性：branch 和 size。

const screen = {
  branch: 'Dell',
  size: '27inch'
}

Object.getOwnPropertyNames(screen) // ['branch', 'size']
Object.keys(screen) // ['branch', 'size']

让我们再定义一个名为 resolution 的属性，但它被设置为 enumerable: false:

Object.defineProperties(screen, {
  resolution: {
    enumerable: false,
    value: '2560 x 1440'
  }
})

那么，resolution 属性就不会出现在 Object.keys 的列表中：

Object.getOwnPropertyNames(screen) // ['branch', 'size', 'resolution']
Object.keys(screen) // ['branch', 'size']

对于数组，Object.getOwnPropertyNames 包含一个名为 length 的额外属性，它是数组的大小。

const animals = ['dog', 'cat', 'tiger']

Object.keys(animals) // ['0', '1', '2']
Object.getOwnPropertyNames(animals) // ['0', '1', '2', 'length']