So ändern Sie den Wert des Objekts, das mit JavaScript in einem Array befindet?

Während der Arbeit mit JavaScript müssen Entwickler möglicherweise die Daten dynamisch aktualisieren. Es befindet sich im Array, Objekt oder ein Array von Objekten. Ein Array ist eine Gruppe oder eine Sammlung von Werten, und jeder Wert kann von jedem Datentyp sein, einschließlich Objekten. Greifen Sie zuerst auf das Objekt zu und ändern Sie dann seine Eigenschaften, um den Wert eines Objekts in einem Array zu ändern, und ändern Sie dann seine Eigenschaften. In JavaScript gibt es mehrere vorgefertigte Methoden, um den Wert eines Objekts in einem Array zu ändern.

Dieses Tutorial zeigt die Ansätze, um den Wert eines Objekts in einem Array in JavaScript zu ändern.

So ändern/aktualisieren Sie den Wert eines Objekts, das sich in einem Array mit JavaScript befindet?

Verwenden Sie die folgenden vordefinierten JavaScript -Methoden, um den Wert eines Objekts in einem Array zu ändern:

• findIndex () Methode
• MAP () Methode mit Spread Operator
• find () Methode
• für die Schleife

Methode 1: Ändern Sie den Wert des Objekts, das sich in einem Array mit „findIndex ()“ -Methode befindet, in einem Array

Verwenden Sie die “, um den Wert eines Objekts im Array im Array zu ändernfindIndex ()" Methode. Diese Methode findet den Index des Elements in einem Array, das die bestimmte Bedingung erfüllt. Für die Angabe der Bedingung wird eine Rückruffunktion verwendet.

Syntax
Befolgen Sie die angegebene Syntax, um den Wert eines Objekts mit der FindIndex () -Methode zu ändern:

ArrayObject.findIndex (obj =>
//Zustand
);

Beispiel
Erstellen Sie ein Array, das verschiedene Objekte enthält:

var arrobj = [id: 5, Name: "Mayer", Alter: 25,
ID: 9, Name: "Paul", Alter: 26,
ID: 12, Name: "Steven", Alter: 20]

Rufen Sie die methode findIndex () mit der Rückruffunktion auf, die die ID von Objekten überprüft, die gleichwertig sind12"Und speichern Sie den Index des Objekts in einer Variablen"GetIndex”:

const getIndex = arrobj.findIndex (obj =>
Rückkehr obj.id === 12;
);

Ändern Sie den Wert der Eigenschaft “Alter”Von Objekt:

Arrobj [getIndex].Alter = 24;

Drucken Sie schließlich das aktualisierte Array von Objekten auf der Konsole aus:

Konsole.log ("Das aktualisierte Array des Objekts ist:");
Konsole.log (arrobj);

Der Ausgang zeigt an, dass der Wert von “Alter"Des Objekts, dessen ID 12 ist, wurde erfolgreich von" verändert "20" Zu "24”:

Methode 2: Ändern Sie den Wert des Objekts, das sich in einem Array mit „MAP ()“ -Methode mit Spread Operator befindet

Verwenden Sie die “Karte()Methode mit der “Operator ausbreiten”, Um den Wert des Objekts in einem Array zu ändern. "Map ()" wird zum Erstellen eines neuen Arrays verwendet, indem auf jedem Element eines vorhandenen Arrays eine Funktion aufgerufen wird. Während der Spread -Operator Array -Elemente ausbreiten oder kopieren kann in ein neues Array oder die Argumente eines Funktionsaufrufs. Die Methode „MAP ()“ ändert/ändert das ursprüngliche Array nicht, sondern gibt ein neues Array mit den modifizierten Elementen aus.

Syntax
Verwenden Sie die folgende Syntax, um den Wert eines Objekts mithilfe der Methode MAP () mit dem Spread Operator zu ändern:

ArrayObject.map (obj =>
if (Zustand)
return … obj, key: newValue;

Rückkehr obj;
);

Beispiel
Rufen Sie die MAP () -Methode mit dem Spread Operator auf, um den Namen des Objekts zu ändern, dessen ID ist9”:

const NewObjectarr = Arrobj.map (obj =>
if (obj.id === 9)
return … obj, name: 'alice';

Rückkehr obj;
);

Drucken Sie das geänderte Array des Objekts auf der Konsole aus:

Konsole.log (newObjectarr);

Die Eigenschaft "Name"Des Objekts, dessen ID ist"9"Wurde von" geändert "Paul" Zu "Alice”:

Methode 3: Ändern Sie den Wert des Objekts, das sich in einem Array unter Verwendung der Methode „Find ()“ befindet

Verwenden Sie die “, um den Wert eines Objekts in einem Array zu ändernfinden()" 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. Ansonsten gibt es "nicht definiert, ”Es wird angegeben, dass kein solches Element gefunden wird.

Syntax
Verwenden Sie die angegebene Syntax für die Find () -Methode, um das Element in einem Array zu finden:

ArrayObject.find (obj =>
//Zustand
);

Beispiel
Rufen Sie die Find () -Methode auf, um das Objekt zu finden, dessen ID ist "5"Und speichern Sie das Objekt in einer Variablen"FindIndex”:

const findIndex = arrobj.find (obj =>
Rückkehr obj.id === 5;
);

Überprüfen Sie, ob die Variable "findIndex" nicht gleich ist "nicht definiert"Bedeutet, wenn das Objekt gefunden wird, ändern Sie den Wert der Eigenschaft"Name”Des Objekts:

if (findIndex !== undefiniert)
FindIndex.name = 'John';

Drucken Sie schließlich das Objekt auf der Konsole:

Konsole.log (findIndex);

Die Ausgabe zeigt nur das angegebene Objekt an, indem der Wert geändert wird:

Methode 4: Ändern Sie den Wert des Objekts, das sich in einem Array mit der „for-“-Schleife befindet

Sie können auch die „verwenden“fürSchleife zum Ändern des Wertes eines Objekts im Array. Es wird verwendet, um über das Array von Objekten zu iterieren und die Bedingung zu überprüfen, um den Wert des Objekts zu ändern. Beenden Sie nach dem Zugriff und Ändern des Objektwerts die Schleife mit der “brechen" Stichwort.

Syntax
Folgen Sie der angegebenen Syntax für die „For-of-“-Schleife:

für (const obj von arrayObject)
if (Zustand)
//Stellungnahme
brechen;

Beispiel
Verwenden Sie die For-of-Loop und überprüfen Sie das Objekt, dessen ID ist5"Und ändern Sie die"Alter" Zu "27”:

für (const obj von arrobj)
if (obj.id === 5)
obj.Alter = 27;
brechen;

Drucken Sie das aktualisierte Objekt im Array auf der Konsole:

Konsole.log (arrobj);

Ausgang

Wir haben alle wesentlichen Informationen gesammelt, die für den sich ändernden Wert eines Objekts relevant sind, das sich im Array in JavaScript befindet.

Abschluss

Um den Wert eines Objekts in einem Array zu ändern, verwenden Sie die vordefinierten JavaScript -Methoden, einschließlich der “findIndex (), “Karte()”Methode mit“Operator ausbreiten","finden()Methode oder die “für”Schleife. Diese Methoden haben die Werte eines Objekts in einem Array erfolgreich geändert. In diesem Tutorial wurde die verschiedenen Ansätze zum Ändern des Wertes eines Objekts gezeigt, das sich in einem Array in JavaScript befindet.