首頁 web前端 js教程 JavaScript中Object.keys方法怎麼取得物件屬性

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

Jan 15, 2019 pm 02:00 PM

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

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

在JavaScript中替換字符串字符 在JavaScript中替換字符串字符 Mar 11, 2025 am 12:07 AM

在JavaScript中替換字符串字符

jQuery獲取元素填充/保證金 jQuery獲取元素填充/保證金 Mar 01, 2025 am 08:53 AM

jQuery獲取元素填充/保證金

jQuery檢查日期是否有效 jQuery檢查日期是否有效 Mar 01, 2025 am 08:51 AM

jQuery檢查日期是否有效

10個jQuery手風琴選項卡 10個jQuery手風琴選項卡 Mar 01, 2025 am 01:34 AM

10個jQuery手風琴選項卡

10值得檢查jQuery插件 10值得檢查jQuery插件 Mar 01, 2025 am 01:29 AM

10值得檢查jQuery插件

HTTP與節點和HTTP-Console調試 HTTP與節點和HTTP-Console調試 Mar 01, 2025 am 01:37 AM

HTTP與節點和HTTP-Console調試

自定義Google搜索API設置教程 自定義Google搜索API設置教程 Mar 04, 2025 am 01:06 AM

自定義Google搜索API設置教程

jQuery添加捲軸到Div jQuery添加捲軸到Div Mar 01, 2025 am 01:30 AM

jQuery添加捲軸到Div

See all articles