JS篇－遍歷對(duì)象屬性(for in、Object.keys、Object.getOwnPropert

sunnyxd 發(fā)布于2019-08-21 11:22 / 3188人閱讀

摘要：中幾種遍歷對(duì)象的方法，包括它們?cè)谑褂脠?chǎng)景方面各有不同。主要用于遍歷對(duì)象的可枚舉屬性，包括自有屬性繼承自原型的屬性輸出如下返回一個(gè)數(shù)組，元素均為對(duì)象自有的可枚舉屬性輸出如下用于返回對(duì)象的自有屬性，包括可枚舉和不可枚舉的輸出如下

js中幾種遍歷對(duì)象的方法，包括for in、Object.keys、Object.getOwnProperty,它們?cè)谑褂脠?chǎng)景方面各有不同。

for in

主要用于遍歷對(duì)象的可枚舉屬性，包括自有屬性、繼承自原型的屬性

var obj = {"name":"Poly", "career":"it"}
Object.defineProperty(obj, "age", {value:"forever 18", enumerable:false});
Object.prototype.protoPer1 = function(){console.log("proto");};
Object.prototype.protoPer2 = 2;
console.log("For In : ");
for(var a in obj) console.log(a);

輸出如下

Object.keys

返回一個(gè)數(shù)組，元素均為對(duì)象自有的可枚舉屬性

var obj = {"name":"Poly", "career":"it"}
Object.defineProperty(obj, "age", {value:"forever 18", enumerable:false});
Object.prototype.protoPer1 = function(){console.log("proto");};
Object.prototype.protoPer2 = 2;
console.log("Object.keys:")
console.log(Object.keys(obj));

輸出如下：

Object.getOwnProperty

用于返回對(duì)象的自有屬性，包括可枚舉和不可枚舉的

var obj = {"name":"Poly", "career":"it"}
Object.defineProperty(obj, "age", {value:"forever 18", enumerable:false});
Object.prototype.protoPer1 = function(){console.log("proto");};
Object.prototype.protoPer2 = 2;
console.log("Object.getOwnPropertyNames: ");
console.log(Object.getOwnPropertyNames(obj));

輸出如下：

GPU云服務(wù)器云服務(wù)器遍歷json對(duì)象屬性 for-in js js for-in js對(duì)象不能用for

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/86629.html

相關(guān)文章

JS基礎(chǔ)篇--JS中的可枚舉屬性與不可枚舉屬性以及擴(kuò)展

摘要：在中，對(duì)象的屬性分為可枚舉和不可枚舉之分，它們是由屬性的值決定的。這是因?yàn)橹袃?nèi)置的屬性是不可枚舉的，所以不能被訪問(wèn)到。此對(duì)象不可擴(kuò)展且指定的屬性名稱(chēng)不存在。返回值一個(gè)數(shù)組，其中包含對(duì)象的可枚舉屬性和方法的名稱(chēng)。在JavaScript中，對(duì)象的屬性分為可枚舉和不可枚舉之分，它們是由屬性的enumerable值決定的?？擅杜e性決定了這個(gè)屬性能否被for…in查找遍歷到。一、怎么判斷屬性...

dreamans 2019-08-21 11:59 評(píng)論0 收藏0
JS中輕松遍歷對(duì)象屬性的幾種方式

摘要：當(dāng)普通對(duì)象要轉(zhuǎn)換成時(shí)就很有用，因?yàn)榉祷氐母袷脚c構(gòu)造函數(shù)接受的格式完全相同。使用常規(guī)的構(gòu)造函數(shù)可以將一個(gè)二維鍵值對(duì)數(shù)組轉(zhuǎn)換成一個(gè)對(duì)象。在和早期標(biāo)準(zhǔn)中，根本沒(méi)有指定屬性的順序。此函數(shù)還可以輕松地將純對(duì)象屬性映射到對(duì)象中。為了保證的可讀性，本文采用意譯而非直譯。想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳GitHub博客,一年百來(lái)篇優(yōu)質(zhì)文章等著你！自身可枚舉屬性 Object.keys() 方法會(huì)返回一個(gè)...

isLishude 2019-08-26 10:35 評(píng)論0 收藏0
JS之對(duì)象(2)

摘要：前言一篇徹底搞懂對(duì)象從此不用擔(dān)心沒(méi)對(duì)象啦本文從對(duì)象定義方法對(duì)象屬性數(shù)據(jù)類(lèi)型遍歷幾種方法對(duì)象拷貝和攔截對(duì)象屬性方法及代碼實(shí)現(xiàn)幾個(gè)方面由淺入深介紹對(duì)象對(duì)象的聲明方法字面量構(gòu)造函數(shù)的作用創(chuàng)了一個(gè)新對(duì)象指向構(gòu)造函數(shù)構(gòu)造函數(shù)有返回會(huì)替換出來(lái)的對(duì)象如果 showImg(https://segmentfault.com/img/bVboXHr?w=550&h=392); 前言一篇徹底搞懂對(duì)象,從此...

CarterLi 2019-08-23 15:29 評(píng)論0 收藏0
JS基礎(chǔ)入門(mén)篇（三十六）—面向對(duì)象（三）

摘要：所以不會(huì)報(bào)錯(cuò)函數(shù)聲明可以先調(diào)用再聲明函數(shù)聲明解析時(shí)，不會(huì)放到前面。所以會(huì)報(bào)錯(cuò)報(bào)錯(cuò)多個(gè)方法之間直接書(shū)寫(xiě)不需要隔開(kāi)我會(huì)說(shuō)話解析其中方法和方法之間并沒(méi)有用逗給開(kāi)。 1.class class es6 中為關(guān)鍵字用來(lái)聲明一個(gè) 類(lèi) 1.只能通過(guò)new調(diào)用 2.不存在變量提升 3.多個(gè)方法之間直接書(shū)寫(xiě),不需要,隔開(kāi) 4.類(lèi)的方法是直接定義在類(lèi)的原型上的 5.定義在類(lèi)中的方法不可枚舉 6.Ob...

acrazing 2019-08-22 18:25 評(píng)論0 收藏0
JS基礎(chǔ)入門(mén)篇（三十六）—面向對(duì)象（三）

摘要：所以不會(huì)報(bào)錯(cuò)函數(shù)聲明可以先調(diào)用再聲明函數(shù)聲明解析時(shí)，不會(huì)放到前面。所以會(huì)報(bào)錯(cuò)報(bào)錯(cuò)多個(gè)方法之間直接書(shū)寫(xiě)不需要隔開(kāi)我會(huì)說(shuō)話解析其中方法和方法之間并沒(méi)有用逗給開(kāi)。 1.class class es6 中為關(guān)鍵字用來(lái)聲明一個(gè) 類(lèi) 1.只能通過(guò)new調(diào)用 2.不存在變量提升 3.多個(gè)方法之間直接書(shū)寫(xiě),不需要,隔開(kāi) 4.類(lèi)的方法是直接定義在類(lèi)的原型上的 5.定義在類(lèi)中的方法不可枚舉 6.Ob...

MiracleWong 2019-08-02 10:48 評(píng)論0 收藏0