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

sunnyxd 發布于2019-08-21 11:22 / 3121人閱讀

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

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

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

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云服務器遍歷json對象屬性 for-in js js for-in js對象不能用for

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/86629.html

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

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

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

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

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

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

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

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

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

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

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