JavaScript中Object.keys、Object.getOwnPropertyNames区别

Dear 丶 2023-10-17 21:06 55阅读 0赞

### 定义 ###

**Object.keys**

定义：返回一个对象可枚举属性的字符串数组；

**Object.getOwnPropertyNames**

定义：返回一个对象可枚举、不可枚举属性的名称；

## 属性的可枚举性、不可枚举性 ##

定义：可枚举属性是指那些内部 “可枚举” 标志设置为 true 的属性，对于通过直接的赋值和属性初始化的属性，该标识值默认为即为 true，对于通过 Object.defineProperty 等定义的属性，该标识值默认为 false。

## 例子 ##

var obj = { "prop1": "v1" };
    Object.defineProperty(obj, "prop2", { value: "v2", writable: false });
    console.log(Object.keys(obj).length);           //output：1
    console.log(Object.getOwnPropertyNames(obj).length);    //output：2
    
    console.log(Object.keys(obj));           //output：Array[1] => [0: "prop1"]
    console.log(Object.getOwnPropertyNames(obj));    //output：Array[2] => [0: "prop1", 1: "prop2"]

##  ##

## 内置的判断，访问和迭代方法 ##

<table style="height: 207px; width: 654px;"> 
 <tbody> 
 <tr> 
 <td style="text-align: center;" align="left">功能</td> 
 <td style="text-align: center;" align="left">可枚举</td> 
 <td style="text-align: center;">可枚举、不可枚举</td> 
 </tr> 
 <tr> 
 <td style="text-align: center;">判断</td> 
 <td style="text-align: center;"> 
 <div> 
 propertyIsEnumerable 
 </div> </td> 
 <td style="text-align: center;">&nbsp;in/hasOwnProperty</td> 
 </tr> 
 <tr> 
 <td style="text-align: center;">访问</td> 
 <td style="text-align: center;">&nbsp;Object.keys</td> 
 <td style="text-align: center;">&nbsp;Object.getOwnPropertyNames</td> 
 </tr> 
 <tr> 
 <td style="text-align: center;">迭代</td> 
 <td style="text-align: center;">&nbsp;for..in..</td> 
 <td style="text-align: center;">&nbsp;Object.getOwnPropertyNames</td> 
 </tr> 
 </tbody> 
</table>

## 实战 ##

## 相关链接 ##

[Object.hasOwnProperty() ][Object.hasOwnProperty_]  
[Object.propertyIsEnumerable()][Object.propertyIsEnumerable]  
[Object.getOwnPropertyNames()][Object.getOwnPropertyNames]  
[Object.keys()][Object.keys]

[属性的可枚举性和所有权 ][Link 1]

[Object.hasOwnProperty_]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
[Object.propertyIsEnumerable]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable
[Object.getOwnPropertyNames]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames
[Object.keys]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
[Link 1]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Enumerability_and_ownership_of_properties