JavaScript中遍歷對象的property的3種方法介紹
在JavaScript中，可以用三種方法來遍歷對象的property：
1.for/in?？梢允褂胒or/in語句遍歷對象自身的property(Own Property)及其從原型對象處繼承的property，只有enumerable的property才會被遍歷到。
2.Object.keys()?？梢詫ο笞鳛閰?shù)傳入Object.keys()，Object.keys()語句將返回由所有property名稱字符串所組成的數(shù)組。Object.keys()語句僅返回對象自身的(Own Property)且enumerable的property。該語句僅在ECMAScript 5標(biāo)準(zhǔn)中有效。
3.Object.getOwnPropertyNames()?？梢詫ο笞鳛閰?shù)傳入Object.getOwnPropertyNames()，與Object.keys()一樣，該語句將返回由所有property名稱字符串所組成的數(shù)組。與Object.keys()不同的是，Object.getOwnPropertyNames()語句將返回所有對象自身的property(Own Property)，而不論其是否為enumerable。該語句僅在ECMAScript 5標(biāo)準(zhǔn)中有效。
綜合上述信息，總結(jié)成圖如下：
實驗：
var o = {x:1, y:2};
var a = Object.create(o);
a.z = 3;
for(p in a){
console.log(p);
}//z x y
console.log(Object.keys(a));//["z"]
console.log(Object.getOwnPropertyNames(a));//["z"]
相關(guān)文章
借助JavaScript腳本判斷瀏覽器Flash Player信息的方法
做了一個小的Demo，在測試時發(fā)現(xiàn)經(jīng)常報錯，對此總結(jié)了一下借助JavaScript腳本判斷瀏覽器Flash Player信息的方法,需要的朋友可以參考下2014-07-07
這篇文章主要給大家介紹了關(guān)于js兩個數(shù)組合并去重的相關(guān)資料,日常開發(fā)中經(jīng)常會用到的JS數(shù)組去重,文中將每種方法都給出了代碼示例,需要的朋友可以參考下2023-09-09
這篇文章主要給大家介紹了關(guān)于微信小程序頁面返回傳值的4種解決方案,小程序開發(fā)中經(jīng)常會遇到這種場景,比如提交問題,然后需要返回之前頁面,本文通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-07-07
生效時間不得大于失效時間在一些推銷、優(yōu)惠方面還是比較實用的，接下來一起看下詳細(xì)的實現(xiàn)代碼，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04
在使用IE6瀏覽器開發(fā)過程中出現(xiàn)各種奇葩問題，非常棘手，費勁腦汁終于問題解決。小編把解決辦法分享到腳本之家平臺，需要的朋友可以參考下2016-05-05
在ES6中，引入了同步iteration的概念，隨著ES8中的Async操作符的引用，是不是可以在一異步操作中進行遍歷操作呢？今天要給大家講一講ES9中的異步遍歷的新特性Async iteration。2021-06-06
這篇文章主要為大家詳細(xì)介紹了讓編輯器支持word復(fù)制黏貼、截屏的js代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
javascript 處理table表格的代碼，學(xué)習(xí)js的朋友可以參考下。2010-12-12
微信小程序中限制激勵式視頻廣告位顯示次數(shù)(實現(xiàn)思路)
本文給大家分享微信小程序中限制激勵式視頻廣告位顯示次數(shù)，本文通過實例代碼來說明，感興趣的朋友跟隨小編一起看看吧2019-12-12
這篇文章主要介紹了解決頁面js接受Long型損失精度問題,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03