首頁  >  文章  >  web前端  >  JavaScript中Object.keys方法怎麼取得物件屬性

JavaScript中Object.keys方法怎麼取得物件屬性

不言
不言原創
2019-01-15 14:00:545612瀏覽

Object.keys可用來取得物件的屬性,Object.keys 傳回所有元素為字串的陣列,其元素來自於從給定的object上面可直接枚舉的屬性。如果在關聯陣列中使用,可以取得金鑰,本篇文章我們就來看看Object.keys的特定使用方法。

JavaScript中Object.keys方法怎麼取得物件屬性

Object.keys的使用方法

#首先,我們先來看看如何建立物件後取得屬性。

如何建立物件

首先,從最基本的物件的建立方法來看。

簡而言之,物件的結構分為「屬性」和「方法」。

屬性可以在「關鍵字」和「值」對中保存各種訊息,方法類似於函數。

可以如下建立空物件。

var obj1 = { } 
var obj2 = new Object()

上述兩種方法都是一樣的,像「obj1」這樣來記述比較簡單,所以常常被使用。

例如,可以編寫一個對象,該對象包含具有該人的「姓名」和「年齡」資訊的屬性,如下所示。

var obj = {
 
    name : '张 三',
    age : 30
 
}

取得物件屬性的方法

知道如何建立對象,那麼讓我們來使用Object.keys來取得屬性。

要使用它,只需將物件指定為參數,如[Object.keys(物件)]。

它的特點是能夠取得枚舉屬性名稱作為傳回值的陣列資料。

因此,首先準備以下物件資料。

var obj = {
  name: '张 三',  
  age: 30,  
  area: '北京'
}

在這裡請確認name / age / area3個屬性。

接下來,使用Object.keys()並像這樣寫

var result = Object.keys(obj); 
console.log(result);

執行結果:

["name", "age", "area"]

您可以透過指定keys()參數的物件來檢索所有屬性。

從執行結果可以看出屬性名稱已作為陣列資料取得。

透過轉換成這樣的陣列資料很方便,因為這樣可以使用JavaScript標準中提供的各種陣列方法。

如何使用Object.keys來陣列

要使用Object.keys取得屬性,請在參數中指定要取得的物件。

我們來看看以下程式。

var obj = ["sa", "mu", "ra", "i"];
console.log(Object.keys(obj));

執行結果:0,1,2,3

透過這種方式,我們得到了屬性。

#

以上是JavaScript中Object.keys方法怎麼取得物件屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn