Object.keys()來(lái)獲取對(duì)象的屬性

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

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

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

1.對(duì)象

// 1.對(duì)象
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í)例化對(duì)象

// 4.實(shí)例化對(duì)象
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ù)器對(duì)象的屬性匹配對(duì)象的屬性和函數(shù) js中集合對(duì)象的屬性 js包裝對(duì)象中的屬性

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83741.html

相關(guān)文章

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

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

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

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

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

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

Amio 2019-08-22 17:02 評(píng)論0 收藏0
javascript中枚舉迭代對(duì)象的方法

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

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

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

longmon 2019-08-23 17:03 評(píng)論0 收藏0