JavaScript獲取關(guān)聯(lián)數(shù)組的鍵的兩種方法

第JavaScript獲取關(guān)聯(lián)數(shù)組的鍵的兩種方法本文的主要內(nèi)容則是通過(guò)兩種方法教大家如何使用JavaScript獲取關(guān)聯(lián)數(shù)組的鍵。

首先給大家簡(jiǎn)單介紹一下什么是關(guān)聯(lián)數(shù)組？

關(guān)聯(lián)數(shù)組：關(guān)聯(lián)數(shù)組用于存儲(chǔ)鍵值對(duì)。例如，要將學(xué)生不同科目的分?jǐn)?shù)存儲(chǔ)在數(shù)組中，數(shù)字索引數(shù)組肯定不是最佳選擇。相反，我們可以使用學(xué)生姓名作為關(guān)聯(lián)數(shù)組中的鍵，值將是它們各自獲得的分?jǐn)?shù)。在關(guān)聯(lián)數(shù)組中，鍵值對(duì)與:符號(hào)相關(guān)聯(lián)。

下面就給大家介紹兩種方法獲取關(guān)聯(lián)數(shù)組的鍵。

方法一：

在該方法中，使用for循環(huán)遍歷整個(gè)關(guān)聯(lián)數(shù)組，并顯示數(shù)組的關(guān)鍵元素。

語(yǔ)法：

for(varkeyindictionary){

//...

}

完整示例代碼如下：循環(huán)遍歷關(guān)聯(lián)數(shù)組和打印鍵

!DOCTYPEhtml

htmllang=en

head

metacharset=UTF-8/

title/title

script

vararr={

牛頓:重力,

艾伯特:能源,

愛迪生:燈泡,

特斯拉:AC

document.write(顯示的Keys:br

//循環(huán)打印keys

for(varkeyinarr){

if(arr.hasOwnProperty(key)){

//打印Keys

document.write(key+br

/script

/head

body

/body

/html

打印結(jié)果：

顯示的Keys:

特斯拉

方法二：

使用Object.keys()函數(shù)：Object.keys()是JavaScript中的一個(gè)內(nèi)置函數(shù)，可用于獲取數(shù)組的所有鍵。

語(yǔ)法：

Object.keys(obj)

示例代碼如下：使用Object.keys()訪問(wèn)關(guān)聯(lián)數(shù)組的鍵。

!DOCTYPEhtml

htmllang=en

head

metacharset=UTF-8/

title/title

script

vararr={

牛頓:重力,

艾伯特:能源,

愛迪生:燈泡,

特斯拉:AC

//獲取keys

varkeys=Object.keys(arr);

document.write(Keys顯示如下：br

//打印keys

document.write(keys);

/script

/head

bo