Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解
大部分情況下Object.getOwnPropertyNames()與Object.keys(obj)的功能是一樣的，我們一般也是用來(lái)獲取一個(gè)JSON對(duì)象中所有屬性，例如
const obj = {
property1: 1,
property2: 2,
};
console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));
輸出：
> Array ["property1", "property2"]
> Array ["property1", "property2"]
Object.keys() 方法會(huì)返回一個(gè)由一個(gè)給定對(duì)象的自身可枚舉屬性組成的數(shù)組，數(shù)組中屬性名的排列順序和正常循環(huán)遍歷該對(duì)象時(shí)返回的順序一致 。
Object.getOwnPropertyNames()方法返回一個(gè)由指定對(duì)象的所有自身屬性的屬性名（包括不可枚舉屬性但不包括Symbol值作為名稱的屬性）組成的數(shù)組。
共同點(diǎn)：都是返回自身的屬性，不會(huì)返回原型鏈上的。
區(qū)別： 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"]
參考資料：
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/getOwnPropertyNames
到此這篇關(guān)于Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解的文章就介紹到這了,更多相關(guān)Object.keys()和Object.getOwnPropertyNames()內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
ES6（ECMAScript 6,也稱為ES2015）是JavaScript的一個(gè)重要更新版本,引入了許多新的語(yǔ)言特性和改進(jìn),使得JavaScript變得更加現(xiàn)代化、易讀、易維護(hù)和更適合大型應(yīng)用程序的開發(fā),ES6的主要變化歸納為：語(yǔ)法糖、新機(jī)制、更好的語(yǔ)義、更多的內(nèi)置對(duì)象和方法2023-11-11
javascript前端埋點(diǎn)上報(bào)的幾種方式
本文將介紹前端埋點(diǎn)上報(bào)的幾種常見方式,并詳細(xì)闡述如何在項(xiàng)目中運(yùn)用這些方式進(jìn)行數(shù)據(jù)上報(bào),以幫助開發(fā)者更好地進(jìn)行數(shù)據(jù)收集和分析,感興趣的可以了解一下2023-11-11
js實(shí)現(xiàn)數(shù)組轉(zhuǎn)換成json
本文給大家分享的是使用javascript實(shí)現(xiàn)的數(shù)組轉(zhuǎn)換json的代碼，非常簡(jiǎn)單實(shí)用，相當(dāng)于JSON.stringify(array);，有需要的小伙伴可以參考下。2015-06-06
用函數(shù)模板,寫一個(gè)簡(jiǎn)單高效的 JSON 查詢器的方法介紹
本篇文章小編將為大家介紹，用函數(shù)模板,寫一個(gè)簡(jiǎn)單高效的 JSON 查詢器的方法介紹，需要的朋友可以參考一下2013-04-04
JavaScript操作localStorage實(shí)現(xiàn)保存本地json文件
這篇文章主要為大家詳細(xì)介紹了JavaScript如何操作localStorage實(shí)現(xiàn)保存本地json文件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
這篇文章主要介紹了JS實(shí)現(xiàn)橫向跑馬燈效果代碼,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
找到一點(diǎn)可憐的關(guān)于dojo資料，謝謝作者！
找到一點(diǎn)可憐的關(guān)于dojo資料，謝謝作者！...2006-12-12
解決Layui中templet中a的onclick參數(shù)傳遞的問(wèn)題
關(guān)于AOP在JS中的實(shí)現(xiàn)與應(yīng)用詳解