首頁 > web前端 > js教程 > JavaScript取得關聯數組的鍵的兩種方法

JavaScript取得關聯數組的鍵的兩種方法

藏色散人
發布: 2021-08-25 11:26:03
原創
2806 人瀏覽過

在上一篇《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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板