Zwei Möglichkeiten, die Schlüssel eines assoziativen Arrays in JavaScript abzurufen-js-Tutorial-php.cn

Zwei Möglichkeiten, die Schlüssel eines assoziativen Arrays in JavaScript abzurufen

藏色散人

Freigeben： 2021-08-25 11:26:03

Original

2805 Leute haben es durchsucht

Im vorherigen Artikel „So erhalten Sie den Median eines numerischen Arrays in JavaScript (zwei Methoden)“ habe ich Ihnen vorgestellt, wie Sie den Median eines numerischen Arrays erhalten ~

Dieser Artikel Der Hauptinhalt besteht darin, Ihnen beizubringen, wie Sie mithilfe von JavaScript die Schlüssel eines assoziativen Arrays über zwei Methoden erhalten.

Lassen Sie mich zunächst kurz vorstellen, was ein assoziatives Array ist.

Assoziatives Array: Das assoziative Array wird zum Speichern von Schlüssel-Wert-Paaren verwendet. Wenn Sie beispielsweise die Ergebnisse eines Schülers in verschiedenen Fächern in einem Array speichern möchten, ist ein numerisch indiziertes Array sicherlich nicht die beste Wahl. Stattdessen können wir die Namen der Schüler als Schlüssel in einem assoziativen Array verwenden und die Werte sind die Noten, die jeder von ihnen erhalten hat. In einem assoziativen Array werden Schlüssel-Wert-Paare mit dem Symbol : verknüpft.

Im Folgenden werden Ihnen zwei Methoden vorgestellt, um die Schlüssel assoziativer Arrays zu erhalten.

Methode 1:

Bei dieser Methode verwenden Sie eine for-Schleife, um das gesamte assoziative Array zu durchlaufen und die Schlüsselelemente des Arrays anzuzeigen.

Syntax:

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

Nach dem Login kopieren

Der vollständige Beispielcode lautet wie folgt: Schleife durch das assoziative Array und Drucktasten

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

Nach dem Login kopieren

Druckergebnisse:

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

Nach dem Login kopieren

Methode 2:

Verwenden Sie die Funktion Object.keys(): Object .keys() Ja Eine in JavaScript integrierte Funktion, mit der alle Schlüssel eines Arrays abgerufen werden können.

Syntax:

Object.keys(obj)

Nach dem Login kopieren

Der Beispielcode lautet wie folgt: Verwenden Sie Object.keys(), um auf die Schlüssel des assoziativen Arrays zuzugreifen.

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

Nach dem Login kopieren

Das Druckergebnis ist wie folgt:

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

Nach dem Login kopieren

Abschließend möchte ich „JavaScript Basic Tutorial“ jedem empfehlen ~ Willkommen zum Lernen ~

Das obige ist der detaillierte Inhalt vonZwei Möglichkeiten, die Schlüssel eines assoziativen Arrays in JavaScript abzurufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!