Object.keys 与 Object.getOwnPropertyNames() 有何区别【热度: 210】

`Object.keys()`和`Object.getOwnPropertyNames()`都是用于获取对象自身属性名的方法，但它们之间存在一些区别：

**一、返回值类型**

1. `Object.keys()`：

- 返回一个由对象自身可枚举属性名组成的数组。
   - 可枚举属性是指那些可以通过`for...in`循环遍历到的属性。

2. `Object.getOwnPropertyNames()`：
   - 返回一个由对象自身所有属性名组成的数组，无论属性是否可枚举。

**二、可枚举性处理**

1. `Object.keys()`：

- 只返回可枚举属性的名称。如果一个属性被设置为不可枚举，它将不会出现在`Object.keys()`的返回结果中。
   - 例如，使用`Object.defineProperty()`定义的不可枚举属性不会被包含在`Object.keys()`的结果中。

2. `Object.getOwnPropertyNames()`：
   - 返回所有属性的名称，包括可枚举和不可枚举的属性。
   - 这使得它在需要获取对象的所有属性，无论其可枚举性如何时非常有用。

**三、示例**

1. 以下是一个使用`Object.keys()`和`Object.getOwnPropertyNames()`的示例：

```javascript
const obj = {
  property1: "value1",
  property2: "value2",
};

Object.defineProperty(obj, "nonEnumerableProperty", {
  value: "value3",
  enumerable: false,
});

console.log(Object.keys(obj)); // ['property1', 'property2']
console.log(Object.getOwnPropertyNames(obj)); // ['property1', 'property2', 'nonEnumerableProperty']
```

在这个例子中，`Object.keys()`只返回了可枚举的属性`property1`和`property2`，而`Object.getOwnPropertyNames()`返回了所有属性，包括不可枚举的`nonEnumerableProperty`。

yanleweb/interview-question

内容风险标识

评论 (0)

yanleweb/interview-question .gitee-modal { width: 500px !important; }

内容风险标识