Maison > Article > interface Web > Deux façons d'obtenir les clés d'un tableau associatif en JavaScript

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

藏色散人original: 2021-08-25 11:26:032702parcourir

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) {
  // ...
}

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>

Imprimez les résultats :

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

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)

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>

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

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

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!

JavaScript Object 关联数组 for 循环

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment obtenir la médiane d'un tableau de nombres en JavaScript (deux méthodes)Article suivant：Comment obtenir la médiane d'un tableau de nombres en JavaScript (deux méthodes)

Articles Liés

Voir plus