Javascript-Objektwerte

| | | | | | | | | | | | | | | | | | | | |

Die JavaScript-Methode Object.values() ruft eine Liste der Werte in einem Objekt ab. Sie können das Ergebnis der Methode values() durchlaufen, um den Inhalt jedes Werts im Objekt anzuzeigen.

Objekte enthalten Schlussel und Werte. Manchmal möchten Sie nur die Werte im Objekt abrufen. Angenommen, wir haben ein Objekt, das die Namen aller Personen auf einer Rangliste speichert. Möglicherweise möchten wir nur ihre Namen aus dem Objekt abrufen und nicht die mit ihren Namen verbundenen Schlussel (dh ihre Positionen).

Hier kommt die Methode Object.values() ins Spiel. Mit dieser Methode können Sie alle Werte in einem Objekt anzeigen. In diesem Handbuch wird die Verwendung der Methode Object.values() erläutert. Wir verweisen auf ein detailliertes Beispiel, um Ihnen den Einstieg zu erleichtern.

JavaScript Object.values()

Die JavaScript Object.values()-Methode nimmt das Objekt auf und gibt seine Aufzählung zuruck Eigenschaften in einem Array. Die Werte sind so angeordnet, als ob Sie das Objekt manuell durchlaufen und in ein Array verschieben wurden.

Lassen Sie sich die Syntax fur diese Methode ansehen:

Die Methode Object.values() akzeptiert ein Argument: den Namen des Objekts, dessen Werte Sie sehen möchten. In dieser Syntax geben wir das Ergebnis der Methode an die Konsole aus.

Dieser Code gibt die Namen der Spieler in unserem JavaScript-Objekt zuruck: lucy und harry. Diese Namen werden in einer Liste zuruckgegeben, die wir an die JavaScript-Konsole ausgeben:

Beachten Sie, dass die Werte in derselben Reihenfolge wie im Wörterbuch sind.

Die Methode Object.values() stellt eine einfache Methode zum Abrufen von Werten aus einem Objekt dar. Die Alternative besteht darin, eine neue Liste zu erstellen und mit einer for-Schleife uber das Objekt zu iterieren, wobei jeder Wert zu die neue Liste. Diese Methode benötigt mehr Zeit und mehr Code zum Schreiben.

Sehen wir uns ein Beispiel dieser Methode in Aktion an.

Object.values() JavaScript-Beispiel

Angenommen, wir haben ein Objekt, das Informationen uber San Jose, eine Stadt in Kalifornien, enthält. Wir möchten alle Informationen uber diese Stadt abrufen, ohne die mit den einzelnen Daten verknupften Labels abzurufen.

Betrachten Sie dieses Schlussel-Wert-Paar:

Wir möchten nur den Namen der Stadt abrufen und nicht das Label Stadt.

Schauen wir uns ein Programm an, das tun wir dies nicht:

const cityData = { Stadt: "San Jose", Bundesstaat: "Kalifornien", Fl√§che: 181,36, Land: 178,24, Wasser: 3,12, Stadt: 342,27, U-Bahn: 2694,61, H√∂he: 82, Bev√∂lkerung: 1021795, Zeitzone: "Los_Angeles/ Pacific", Website: "www.sanjoseca.gov" } let arr = Object.values(cityData); let root = document.getElementById(’root’); root.innerHTML = JSON.stringify(arr);

Zuerst richten wir eine Standard-HTML-Seite mit einem -Tag, ein -Tag und einige grundlegende Metainformationen im -Tag.

Wir verwenden ein