站長資訊網(wǎng)在上一篇《JavaScript如何獲取數(shù)字?jǐn)?shù)組的中位數(shù)（兩種方法）》中給大家介紹了怎么獲取數(shù)字?jǐn)?shù)組的中位數(shù)，感興趣的朋友可以學(xué)習(xí)了解一下~
本文的主要內(nèi)容則是通過兩種方法教大家如何使用JavaScript獲取關(guān)聯(lián)數(shù)組的鍵。
首先給大家簡單介紹一下什么是關(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)鍵元素。
語法：
for (var key in dictionary) { // ... }
完整示例代碼如下：循環(huán)遍歷關(guān)聯(lián)數(shù)組和打印鍵
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <script> var arr = { "牛頓": "重力", "艾伯特": "能源", "愛迪生": "燈泡", "特斯拉": "AC" }; document.write("顯示的Keys: <br>"); // 循環(huán)打印keys for (var key in arr) { 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ù)組的所有鍵。
語法：
Object.keys(obj)
示例代碼如下：使用 Object.keys() 訪問關(guān)聯(lián)數(shù)組的鍵。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <script> var arr = { "牛頓": "重力", "艾伯特": "能源", "愛迪生": "燈泡", "特斯拉": "AC" }; // 獲取keys var keys = Object.keys(arr); document.write("Keys顯示如下：<br>"); // 打印keys document.write(keys); </script> </head> <body> </body> </html>
打印結(jié)果如下：
Keys顯示如下： 牛頓,艾伯特,愛迪生,特斯拉
最后給大家推薦《JavaScript基礎(chǔ)教程》~歡迎大家學(xué)習(xí)~
