Object.keys()來獲取對象的屬性

luoyibu 發(fā)布于2019-08-20 17:38 / 1995人閱讀

摘要：在實(shí)際開發(fā)中可能會遇到需要獲取對象的所有屬性，這時(shí)你可能會自己來遍歷一遍獲取，其實(shí)原生已經(jīng)為我們提供了一個(gè)方法，他就是，它返回一個(gè)數(shù)組，就可以結(jié)合方法遍歷對象。對象對象數(shù)組數(shù)組構(gòu)造函數(shù)構(gòu)造函數(shù)實(shí)例化對象實(shí)例化對象字符串字符串

在實(shí)際開發(fā)中可能會遇到需要獲取對象的所有屬性，這時(shí)你可能會自己來遍歷一遍獲取，其實(shí)原生js已經(jīng)為我們提供了一個(gè)方法，他就是Object.keys()，它返回一個(gè)數(shù)組，就可以結(jié)合forEach方法遍歷對象。

1.對象

// 1.對象
var a = {
    a : 123,
    b : "asd",
    c : function() {
        console.log( "haha" );
    }
};
console.log( Object.keys( a ) ); // [ "a", "b", "c" ]

2.數(shù)組

// 2.數(shù)組
var b = [ 123, 21, 31 ];
console.log( Object.keys( b ) ); // [ "0", "1", "2" ]

3.構(gòu)造函數(shù)

// 3.構(gòu)造函數(shù)
function c() {
    this.aa = 123;
    this.bb = "asdas";
    this.cc = function() {

    }
}
console.log( Object.keys( c ) ); // []

4.實(shí)例化對象

// 4.實(shí)例化對象
var d = new c();
console.log( Object.keys( d ) ); // [ "aa", "bb", "cc" ]

5.字符串

// 5.字符串
var e = "sdf123";
console.log( Object.keys( e ) ); // [ "0", "1", "2", "3", "4", "5" ]

云服務(wù)器 GPU云服務(wù)器對象的屬性匹配對象的屬性和函數(shù) js中集合對象的屬性 js包裝對象中的屬性

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/83741.html

相關(guān)文章

用for...in 和Object.keys()枚舉對象屬性的差異

摘要：用循環(huán)和方法都可以獲取對象的屬性，那么它們有什么區(qū)別呢假設(shè)有一個(gè)對象定義不可枚舉屬性程序的輸出結(jié)果為兩種方式都獲取到了對象的所有可枚舉屬性，而對于不可枚舉屬性兩種方式都無法得到。用for...in循環(huán)和Object.keys方法都可以獲取對象的屬性，那么它們有什么區(qū)別呢？假設(shè)有一個(gè)對象a: var a = {x: 1, y: 2}; Object.defineProperty(a, ...

liaoyg8023 2019-08-23 15:59 評論0 收藏0
利用Object.keys遍歷(forEach/map)對象數(shù)組，合并

摘要：中幾種遍歷對象的方法，包括它們在使用場景方面各有不同。注意它同一樣不能保證屬性按對象原來的順序輸出。其返回對象的所有自身屬性的屬性名組成的數(shù)組，但不會獲取原型鏈上的屬性。另外可以由或終止。在這些情況下，迭代器關(guān)閉。 js中幾種遍歷對象的方法，包括for..of、for..in、Object.keys、Object.getOwnProperty,它們在使用場景方面各有不同。 js對象的屬...

浠ラ箍 2019-08-22 16:33 評論0 收藏0
JavaScript中對象的枚舉/遍歷（enumeration）

摘要：附如果你想獲取一個(gè)對象的所有屬性甚至包括不可枚舉的即可見下面一種方法方法返回一個(gè)由指定對象的所有自身屬性的屬性名包括不可枚舉屬性但不包括值作為名稱的屬性組成的數(shù)組。 JavaScript中遍歷獲取對象屬性和方法主要有三種： Object.keys()、Object.getOwnPropertyNames()、for...in... 一、Object.keys()、Object.get...

Amio 2019-08-22 17:02 評論0 收藏0
javascript中枚舉迭代對象的方法

摘要：像和使用內(nèi)置構(gòu)造函數(shù)所創(chuàng)建的對象都會繼承自和的不可枚舉屬性，例如的方法或的方法。循環(huán)將遍歷對象本身的所有可枚舉屬性，以及對象從其構(gòu)造函數(shù)原型中繼承的屬性更接近原型鏈中對象的屬性覆蓋原型屬性。在中，非對象參數(shù)被強(qiáng)制轉(zhuǎn)換為對象。 for...in for...in 循環(huán)只遍歷可枚舉屬性。像 Array和 Object使用內(nèi)置構(gòu)造函數(shù)所創(chuàng)建的對象都會繼承自O(shè)bject.prototype和S...

MingjunYang 2019-08-23 16:54 評論0 收藏0
【譯】如何在 JavaScript 中使用對象的方法

摘要：中的所有對象都來自父的構(gòu)造函數(shù)。不同于數(shù)組的原型方法例如和只能被數(shù)組實(shí)例使用，對象方法直接來自構(gòu)造函數(shù)，并使用對象實(shí)例作為參數(shù)。這稱為靜態(tài)方法。創(chuàng)建對象的鍵值對的嵌套數(shù)組?？捎糜诖_定對象是否已凍結(jié)，并返回布爾值。原文：How To Use Object Methods in JavaScript作者：Tania Rascia譯者：博軒介紹 JavaScript 中，對象是鍵/值 ...

longmon 2019-08-23 17:03 評論0 收藏0