首页 >> js开发 >> jsObject.keys() 和 Object.getOwnPropertyNames() 的区别详解js大全
jsObject.keys() 和 Object.getOwnPropertyNames() 的区别详解js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
大部分情况下Object.getOwnPropertyNames()与Object.keys(obj)的功能是一样的,我们一般也是用来获取一个JSON对象中所有属性,例如
const obj = {
property1: 1,
property2: 2,
};
console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));
const obj = {
property1: 1,
property2: 2,
};
console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));
输出:
> Array ["property1", "property2"]
> Array ["property1", "property2"]
> 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"]
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"]参考资料:
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNameshttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keyshttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames
const obj = {
property1: 1,
property2: 2,
};
console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));
const obj = {
property1: 1,
property2: 2,
};
console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));
输出:
> Array ["property1", "property2"]
> Array ["property1", "property2"]
> 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"]
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"]参考资料:
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNameshttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keyshttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames
相关文章:
- js解决vue页面渲染但dom没渲染的操作js大全
- jsVue自动构建发布脚本的方法示例js大全
- jsAngular利用HTTP POST下载流文件的步骤记录js大全
- js解决vue动态路由异步加载import组件,加载不到module的问题js大全
- jsElement Breadcrumb 面包屑的使用方法js大全
- jsVue中的this.$options.data()和this.$data用法说明js大全
- js在vue中使用防抖函数组件操作js大全
- jsvue 页面回退mounted函数不执行的解决方案js大全
- js谈一谈vue请求数据放在created好还是mounted里好js大全
- jsvue项目使用$router.go(-1)返回时刷新原来的界面操作js大全