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

最新推荐文章于 2024-02-18 14:36:48 发布

lio_zero

最新推荐文章于 2024-02-18 14:36:48 发布

阅读量411

点赞数

文章标签：前端 javascript html 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_46267040/article/details/125369633

版权

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

Object.defineProperty 中的 enumerable 选项可定义属性是否可枚举。

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

const screen = {
  width: 1200,
  height: 800
}

Object.getOwnPropertyNames(screen) // ['width', 'height']
Object.keys(screen) // ['width', 'height']

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

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

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

Object.getOwnPropertyNames(screen) // ['width', 'height', 'resolution']
Object.keys(screen) // ['width', 'height']

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

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

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

关注