Wie erhalte ich die Schlüssel-Wert-Paare eines Objekts mithilfe der Funktion Object.entries?

Wie verwende ich die Funktion Object.entries, um das Schlüssel-Wert-Paar eines Objekts abzurufen?

Bei der JavaScript-Programmierung müssen wir häufig mit Schlüssel-Wert-Paaren von Objekten arbeiten. Die in ES2017 eingeführte Object.entries-Methode kann uns dabei helfen, schnell die Schlüssel-Wert-Paare von Objekten zu erhalten. In diesem Artikel wird die Verwendung von Object.entries anhand spezifischer Codebeispiele vorgestellt.

1. Grundlegende Verwendung von Object.entries
Die Funktion Object.entries empfängt ein Objekt als Parameter und gibt ein zweidimensionales Array zurück, das das Schlüssel-Wert-Paar des Objekts enthält. wobei jedes Array-Element ein kleines Array ist, das einen Schlüssel und einen Wert enthält.

Zum Beispiel haben wir ein Objekt:
const person = {
Name: „John“,
Alter: 30,
Geschlecht: „männlich“
};

Wenn wir das Schlüssel-Wert-Paar von erhalten möchten Für das Personenobjekt können wir die Funktion Object.entries verwenden:
const entries = Object.entries(person);

Nach der Ausführung des obigen Codes ist der Wert der Einträge ein zweidimensionales Array, das alle Schlüssel-Wert-Paare der Person enthält Objekt:
[
["Name", " John"],
["Alter", 30],
["Geschlecht", "männlich"]
]

2. Durchlaufen Sie die Schlüssel-Wert-Paare
Nach Erhalt der Schlüssel-Wert-Paare des Objekts können wir mit der for...-Schleife durchlaufen oder mit der forEach-Methode darüber iterieren.

1. Verwenden Sie die for...of-Schleife zum Durchlaufen.
   Die for...of-Schleife ist eine neue Funktion, die in ES6 eingeführt wurde und mit der Arrays oder arrayähnliche Objekte problemlos durchlaufen werden können.

Dann nehmen wir das Personenobjekt als Beispiel und verwenden eine for...of-Schleife, um die Schlüssel-Wert-Paare des Personenobjekts zu durchlaufen:
for (const [key, value] of Object.entries(person)) {
console.log(${key}: ${value});${key}: ${value});
}

执行以上代码后，控制台将输出：
name: John
age: 30
gender: male

2. 使用forEach方法遍历
   除了for...of循环外，我们也可以使用数组的forEach方法对Object.entries返回的数组进行遍历。

同样以person对象为例，使用forEach方法遍历person对象的键值对：
Object.entries(person).forEach(([key, value]) => {
console.log(${key}: ${value}}

Nach der Ausführung des obigen Codes gibt die Konsole Folgendes aus:

Name: John
Alter: 30
Geschlecht: male

Traverse mit der forEach-Methode

Zusätzlich zur for...of-Schleife können wir auch die forEach-Methode des Arrays verwenden, um das von Object.entries zurückgegebene Array zu durchlaufen.


Nehmen Sie auch das Personenobjekt als Beispiel und verwenden Sie die forEach-Methode, um die Schlüssel-Wert-Paare des Personenobjekts zu durchlaufen:

Object.entries(person).forEach(([key, value]) => {

console.log( ${key}: ${value});
});

Nach der Ausführung des obigen Codes gibt die Konsole das gleiche Ergebnis aus:
Name: John
Alter: 30

Geschlecht: männlich


3. Verwenden Sie Object.entries, um Objekte zu klonen. Die Funktion Object.entries kann nicht nur die Schlüssel-Wert-Paare von Objekten abrufen, sondern uns auch beim Klonen von Objekten helfen.

Wir können ein zweidimensionales Array mit Schlüssel-Wert-Paaren in ein neues Objekt konvertieren, indem wir die Methode Object.fromEntries kombinieren.

Zum Beispiel haben wir ein Personenobjekt:
const person = {

Name: „John“,

Alter: 30,

Geschlecht: „männlich“🎜};🎜🎜Jetzt möchten wir ein Objekt mit Person von erstellen Klonen eines neuen Objekts mit demselben Objektinhalt. Wir können Object.entries und Object.fromEntries verwenden, um diese Aufgabe zu erfüllen: 🎜const clonedPerson = Object.fromEntries(Object.entries(person)); 🎜🎜Nach der Ausführung des obigen Codes ist clonedPerson ein neues Objekt, dessen Inhalt derselbe ist als Objekt der Person Genau das Gleiche. 🎜🎜Zusammenfassung🎜Die Object.entries-Funktion ist eine neue Methode, die in ES2017 eingeführt wurde und uns dabei helfen kann, schnell die Schlüssel-Wert-Paare von Objekten zu erhalten. Mithilfe einer for...of-Schleife oder der forEach-Methode eines Arrays können wir diese Schlüssel-Wert-Paare problemlos durchlaufen. Darüber hinaus können wir in Kombination mit der Object.fromEntries-Methode auch Objekte über Object.entries klonen. 🎜🎜Ich hoffe, dieser Artikel hilft Ihnen, die Verwendung der Object.entries-Funktion zu verstehen. Bei der täglichen JavaScript-Programmierung kann die ordnungsgemäße Verwendung von Object.entries die Bedienung der Schlüssel-Wert-Paare von Objekten erleichtern. 🎜

Das obige ist der detaillierte Inhalt vonWie erhalte ich die Schlüssel-Wert-Paare eines Objekts mithilfe der Funktion Object.entries?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!