Heim > Web-Frontend > js-Tutorial > Wie ändere ich Objekteigenschaften in einem Array mit forEach?

Wie ändere ich Objekteigenschaften in einem Array mit forEach?

Susan Sarandon
Freigeben: 2024-11-13 00:35:02
Original
929 Leute haben es durchsucht

How to Modify Object Properties in an Array Using forEach?

Arrays von Objekten durchqueren und ihre Eigenschaften manipulieren

Um ein Array zu durchlaufen, das Objekte enthält und ihre Eigenschaften zu manipulieren, besteht ein Ansatz darin, das zu verwenden forEach-Methode. Mit dieser integrierten Array-Funktion können Sie eine Funktion angeben, die für jedes Element des Arrays ausgeführt werden soll.

Zugriff auf Objekteigenschaften innerhalb der Schleife

Um auf die Eigenschaften eines Objekts zuzugreifen Für die Eigenschaft innerhalb der forEach-Schleife können Sie die Punktnotation oder die Klammernotation verwenden. Um beispielsweise auf die x-Eigenschaft eines Objekts mithilfe der Punktnotation zuzugreifen:

myArray.forEach(function (object) {
    console.log(object.x);
});
Nach dem Login kopieren

Um die Klammernotation zu verwenden, schließen Sie den Eigenschaftsnamen in Klammern ein:

myArray.forEach(function (object) {
    console.log(object["x"]);
});
Nach dem Login kopieren

Beispiel: Objekteigenschaften ändern

Der folgende Code zeigt, wie Objekteigenschaften innerhalb eines forEach geändert werden Schleife:

const myArray = [
    { x: 1, y: 2 },
    { x: 3, y: 4 },
    { x: 5, y: 6 }
];

myArray.forEach(function (object) {
    object.x += 2; // Increment the x property of each object
    console.log(object);
});
Nach dem Login kopieren

Ausgabe:

{ x: 3, y: 2 }
{ x: 5, y: 4 }
{ x: 7, y: 6 }
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie ändere ich Objekteigenschaften in einem Array mit forEach?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage