Dieses Tutorial zeigt die Ansätze zum Ändern des Werts eines Objekts innerhalb eines Arrays in JavaScript.
Wie ändere/aktualisiere ich den Wert eines Objekts, das sich in einem Array befindet, mit JavaScript?
Um den Wert eines Objekts zu ändern, das sich in einem Array befindet, verwenden Sie die folgenden vordefinierten JavaScript-Methoden:
Methode 1: Ändern Sie den Wert des Objekts, das sich in einem Array befindet, mit der Methode „findIndex()“.
Um den Wert eines Objekts innerhalb des Arrays zu ändern, verwenden Sie das „ findIndex() ' Methode. Diese Methode findet den Index des Elements in einem Array, das die bestimmte Bedingung erfüllt. Zur Angabe der Bedingung verwendet es eine Callback-Funktion.
Syntax
Befolgen Sie die angegebene Syntax zum Ändern des Werts eines Objekts mit der Methode findIndex():
arrayObject. findIndex ( obj => {
//Zustand
} ) ;
Beispiel
Erstellen Sie ein Array, das verschiedene Objekte enthält:
War arrObj = [ { Ausweis : 5 , Name : 'Mayer' , Alter : 25 } ,
{ Ausweis : 9 , Name : 'Paul' , Alter : 26 } ,
{ Ausweis : 12 , Name : 'Steven' , Alter : zwanzig } ]
Rufen Sie die Methode findIndex() mit der Callback-Funktion auf, die die ID von Objekten prüft, die äquivalent zu „ 12 “, und speichern Sie den Index des Objekts in einer Variablen „ getIndex “:
konst getIndex = arrObj. findIndex ( obj => {zurückkehren obj. Ausweis === 12 ;
} ) ;
Ändern Sie den Wert der Eigenschaft “ Alter ” des Objekts:
arrObj [ getIndex ] . Alter = 24 ;
Drucken Sie schließlich das aktualisierte Array von Objekten auf der Konsole aus:
Konsole. Protokoll ( 'Das aktualisierte Array von Objekten ist:' ) ;Konsole. Protokoll ( arrObj ) ;
Die Ausgabe zeigt an, dass der Wert von „ Alter ” des Objekts, dessen ID 12 ist, wurde erfolgreich geändert von „ zwanzig ' Zu ' 24 “:
Methode 2: Ändern Sie den Wert des Objekts, das sich in einem Array befindet, mit der Methode „map()“ mit dem Spread-Operator
Nutzen Sie die „ Karte() “-Methode mit dem „ Spread-Operator ” zum Ändern des Werts des Objekts innerhalb eines Arrays. „map()“ wird zum Erstellen eines neuen Arrays verwendet, indem eine Funktion für jedes Element eines vorhandenen Arrays aufgerufen wird. Während der Spread-Operator es ermöglicht, Array-Elemente in ein neues Array oder die Argumente eines Funktionsaufrufs zu verteilen oder zu kopieren. Die Methode „map()“ modifiziert/ändert nicht das ursprüngliche Array, sondern gibt ein neues Array mit den geänderten Elementen aus.
Syntax
Um den Wert eines Objekts mit der Methode map() mit dem Spread-Operator zu ändern, verwenden Sie die folgende Syntax:
Wenn ( Zustand ) {
zurückkehren { ... obj , Taste : neuer Wert } ;
}
zurückkehren obj ;
} ) ;
Beispiel
Rufen Sie die Methode map() mit dem Spread-Operator auf, um den Namen des Objekts zu ändern, dessen ID „ 9 “:
Wenn ( obj. Ausweis === 9 ) {
zurückkehren { ... obj , Name : 'Alice' } ;
}
zurückkehren obj ;
} ) ;
Drucken Sie das geänderte Array des Objekts auf der Konsole:
Konsole. Protokoll ( newObjectArr ) ;Die Eigenschaft ' Name ” des Objekts, dessen ID “ 9 ” wurde geändert von “ Paul ' Zu ' Alice “:
Methode 3: Ändern Sie den Wert des Objekts, das sich in einem Array befindet, mit der Methode „find ()“.
Um den Wert eines Objekts innerhalb eines Arrays zu ändern, verwenden Sie das „ finden() ' Methode. Es wird verwendet, um das Element in einem Array zu finden, das eine bestimmte Bedingung erfüllt. Es gibt den Wert des Elements aus, wenn es die Bedingung erfüllt. Sonst gibt es „ nicht definiert , “, was darauf hinweist, dass kein solches Element gefunden wurde.
Syntax
Verwenden Sie die angegebene Syntax für die Methode find(), um das Element in einem Array zu finden:
//Zustand
} ) ;
Beispiel
Rufen Sie die Methode find() auf, um das Objekt zu finden, dessen ID „ 5 “ und speichere das Objekt in einer Variablen „ findIndex “:
zurückkehren obj. Ausweis === 5 ;
} ) ;
Überprüfen Sie, ob die Variable „findIndex“ nicht gleich „ nicht definiert „bedeutet, wenn das Objekt gefunden wird, den Wert der Eigenschaft ändern“ Name “ des Objekts:
Wenn ( findIndex !== nicht definiert ) {findIndex. Name = 'John' ;
}
Drucken Sie schließlich das Objekt auf der Konsole aus:
Konsole. Protokoll ( findIndex ) ;Die Ausgabe zeigt nur das angegebene Objekt an, indem sein Wert geändert wird:
Methode 4: Ändern Sie den Wert des Objekts, das sich in einem Array befindet, mit einer „for-of“-Schleife
Sie können auch das „ für-von ”-Schleife zum Ändern des Werts eines Objekts innerhalb des Arrays. Es wird verwendet, um über das Array von Objekten zu iterieren und die Bedingung zu prüfen, um den Wert des Objekts zu ändern. Nachdem Sie auf den Wert des Objekts zugegriffen und ihn geändert haben, beenden Sie die Schleife mit dem „ brechen ' Stichwort.
Syntax
Befolgen Sie die angegebene Syntax für die „for-of“-Schleife:
Wenn ( Zustand ) {
//Stellungnahme
brechen ;
}
}
Beispiel
Verwenden Sie die for-of-Schleife und überprüfen Sie das Objekt, dessen ID „ 5 “ und ändern Sie das „ Alter ' Zu ' 27 “:
Wenn ( obj. Ausweis === 5 ) {
obj. Alter = 27 ;
brechen ;
}
}
Drucken Sie das aktualisierte Objekt innerhalb des Arrays auf der Konsole:
Konsole. Protokoll ( arrObj ) ;Ausgang
Wir haben alle wesentlichen Informationen gesammelt, die für die Wertänderung eines Objekts relevant sind, das sich innerhalb des Arrays in JavaScript befindet.
Abschluss
Um den Wert eines Objekts zu ändern, das sich in einem Array befindet, verwenden Sie die vordefinierten JavaScript-Methoden, einschließlich des „ findIndex() , “ Karte() ” Methode mit “ Spread-Operator “, „ finden() “-Methode oder die „ für-von “Schleife. Diese Methoden haben erfolgreich die Werte eines Objekts innerhalb eines Arrays geändert. Dieses Tutorial demonstrierte die verschiedenen Ansätze zum Ändern des Werts eines Objekts, das sich in einem Array in JavaScript befindet.