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

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

摘要：中幾種遍歷對象的方法，包括它們在使用場景方面各有不同。主要用于遍歷對象的可枚舉屬性，包括自有屬性繼承自原型的屬性輸出如下返回一個數(shù)組，元素均為對象自有的可枚舉屬性輸出如下用于返回對象的自有屬性，包括可枚舉和不可枚舉的輸出如下

js中幾種遍歷對象的方法，包括for in、Object.keys、Object.getOwnProperty,它們在使用場景方面各有不同。

for in

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

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

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

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

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

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對象屬性 for-in js js for-in js對象不能用for

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/86629.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

MiracleWong 2019-08-02 10:48 評論0 收藏0