Deux façons d'obtenir les clés d'un tableau associatif en JavaScript-js tutoriel-php.cn

Deux façons d'obtenir les clés d'un tableau associatif en JavaScript

藏色散人

Libérer： 2021-08-25 11:26:03

original

2844 Les gens l'ont consulté

Dans l'article précédent "Comment obtenir la médiane d'un tableau numérique en JavaScript (deux méthodes)", j'ai présenté comment obtenir la médiane d'un tableau numérique. Les amis intéressés peuvent en apprendre davantage ~

Cet article est principal. Le contenu est de vous apprendre à utiliser JavaScript pour obtenir les clés d'un tableau associatif via deux méthodes.

Tout d’abord, permettez-moi de vous présenter brièvement ce qu’est un tableau associatif ?

Tableau associatif : le tableau associatif est utilisé pour stocker des paires clé-valeur. Par exemple, pour stocker les résultats d'un élève dans différentes matières dans un tableau, un tableau indexé numériquement n'est certainement pas le meilleur choix. Au lieu de cela, nous pouvons utiliser les noms des étudiants comme clés dans un tableau associatif et les valeurs seront les notes obtenues par chacun d'eux. Dans un tableau associatif, les paires clé-valeur sont associées au symbole :.

Ce qui suit vous présentera deux méthodes pour obtenir les clés des tableaux associatifs.

Méthode 1 :

Dans cette méthode, utilisez une boucle for pour parcourir l'intégralité du tableau associatif et afficher les éléments clés du tableau.

Syntaxe :

for (var key in dictionary) {
  // ...
}

Copier après la connexion

L'exemple de code complet est le suivant : Parcourez le tableau associatif et imprimez les clés

<!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>

Copier après la connexion

Imprimez les résultats :

显示的Keys:
牛顿
艾伯特
爱迪生
特斯拉

Copier après la connexion

Méthode 2 :

Utilisez la fonction Object.keys() : Objet .keys() Oui Une fonction intégrée en JavaScript qui peut être utilisée pour obtenir toutes les clés d'un tableau.

Syntaxe :

Object.keys(obj)

Copier après la connexion

L'exemple de code est le suivant : Utilisez Object.keys() pour accéder aux clés du tableau associatif.

<!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>

Copier après la connexion

Le résultat de l'impression est le suivant :

Keys显示如下：
牛顿,艾伯特,爱迪生,特斯拉

Copier après la connexion

Enfin, je voudrais recommander "JavaScript Basic Tutorial" à tout le monde~ Bienvenue à tous pour apprendre~

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!