JavaScript取得關聯數組的鍵的兩種方法
- 藏色散人原創
- 2021-08-25 11:26:032761瀏覽
在上一篇《JavaScript如何取得數字數組的中位數（兩種方法）》中為大家介紹了怎麼取得數字數組的中位數，有興趣的朋友可以學習了解一下~
本文的主要內容則是透過兩種方法教大家如何使用JavaScript來取得關聯陣列的鍵。
先跟大家簡單介紹一下什麼是關聯數組？
關聯數組：關聯數組用於儲存鍵值對。例如，要將學生不同科目的分數儲存在陣列中，數字索引陣列肯定不是最佳選擇。相反，我們可以使用學生姓名作為關聯數組中的鍵，值將是它們各自獲得的分數。在關聯數組中，鍵值對與:符號相關聯。
下面就跟大家介紹兩種方法取得關聯數組的鍵。
方法一：
在這個方法中，使用for迴圈遍歷整個關聯數組，並顯示數組的關鍵元素。
語法：
for (var key in dictionary) {
// ...
}完整範例程式碼如下：循環遍歷關聯陣列和列印鍵
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<script>
var arr = {
"牛顿": "重力",
"艾伯特": "能源",
"爱迪生": "灯泡",
"特斯拉": "AC"
};
document.write("显示的Keys: <br>");
// 循环打印keys
for (var key in arr) {
if (arr.hasOwnProperty(key)) {
// 打印Keys
document.write(key + "<br>");
}
}
</script>
</head>
<body>
</body>
</html>列印結果：
显示的Keys: 牛顿 艾伯特 爱迪生 特斯拉
方法二：
使用Object.keys()函數： Object.keys() 是JavaScript 中的內建函數，可用來取得陣列的所有鍵。
語法：
Object.keys(obj)
範例程式碼如下：使用 Object.keys() 存取關聯數組的鍵。
<!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>列印結果如下：
Keys显示如下： 牛顿,艾伯特,爱迪生,特斯拉
最後給大家推薦《JavaScript基礎教學》~歡迎大家學習~
#以上是JavaScript取得關聯數組的鍵的兩種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn