Heim  >  Artikel  >  Web-Frontend  >  Zwei Möglichkeiten, die Schlüssel eines assoziativen Arrays in JavaScript abzurufen

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

藏色散人
藏色散人Original
2021-08-25 11:26:032781Durchsuche

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

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>

Druckergebnisse:

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

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)

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>

Das Druckergebnis ist wie folgt:

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

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn