Object.keys()和Object.getOwnPropertyNames()有什么区别

小编这次要给大家分享的是Object.keys()和Object.getOwnPropertyNames()有什么区别,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。

创新互联专业为企业提供康巴什网站建设、康巴什做网站、康巴什网站设计、康巴什网站制作等企业网站建设、网页设计与制作、康巴什企业网站模板建站服务,10多年康巴什做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

大部分情况下Object.getOwnPropertyNames()与Object.keys(obj)的功能是一样的,我们一般也是用来获取一个JSON对象中所有属性,例如

const obj = {
  property1: 1,
  property2: 2,
};

console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));

输出:

> Array ["property1", "property2"]
> Array ["property1", "property2"]

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组。

共同点:都是返回自身的属性,不会返回原型链上的。

区别: Object.keys()返回可枚举的,Object.getOwnPropertyNames()返回所有的。

Person = function(name){
  this.name = name || ''
}
Person.prototype.sayHello = function(){
  console.log('hello')
}
p = new Person('yangyang')
p.age = 18
Object.defineProperties(p, {
  age:{
    enumerable:false
  }
})
console.log(Object.keys(p)) // ["name"]
console.log(Object.getOwnPropertyNames(p)) // ["name", "age"]

看完这篇关于Object.keys()和Object.getOwnPropertyNames()有什么区别的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。


新闻名称:Object.keys()和Object.getOwnPropertyNames()有什么区别
本文URL:http://azwzsj.com/article/gppoce.html