So aktualisieren Sie das Objekt in JavaScript

In JavaScript wird das Aktualisieren von Objektwerten sehr nützlich, wenn es erforderlich ist, die Werte in einem regulären Intervall zu ändern. Darüber.

In diesem Beitrag wird der Prozess der Aktualisierung von Objekten in einem JavaScript -Array erörtert.

So aktualisieren Sie das Objekt im JavaScript -Array?

In JavaScript kann das Objekt mit den folgenden Methoden aktualisiert werden:

• findIndex () Methode
• für Schleife
• Karte() Methode

Wir werden jetzt jeden der genannten Ansätze nacheinander ansehen!

Methode 1: Aktualisieren des Objekts in einem JavaScript -Array mithilfe von findIndex () Methode

In JavaScript die findIndex () Die Methode wird verwendet, um den Index von Elementen zu finden, deren Wert der angegebenen Bedingung in Argumenten übereinstimmt.

Lassen Sie uns einen Überblick über das folgende Beispiel für ein besseres Verständnis haben. Erstens werden wir eine Reihe von Objekten deklarieren, wie unten gezeigt:

const array_obj = [
id: 0, Name: "David",
ID: 1, Name: "John",
];

Als nächstes werden wir das anwenden findIndex () Methode zum Ausführen für jedes Array -Element. Geben Sie in seinem Argument den Objektwert an, der aktualisiert werden muss. In diesem Fall werden wir den Wert aktualisieren, bei dem die Ausweis des Objekts ist 0:

upd_obj = array_obj.findIndex ((obj => obj.id == 0));

Im nächsten Schritt werden wir den aktuellen Wert vor dem Update anzeigen. Dann werden wir das aktualisierenNameEigentumswert gegen den Satz Ausweis Um seinen Wert zu aktualisieren:

Konsole.log ("vor Objekt aktualisiert:", array_obj [upd_obj]);
Array_OBJ [upd_obj].name = "harry";

Schließlich werden wir den aktualisierten Objektwert mithilfe verwenden upd_obj als Argument von Array_OBJ in dem das Array definiert wurde:

Konsole.log ("After Object Updation:", Array_OBJ [upd_obj]);

Ausgang

Das gesamte Skript kann auch mit NodeJs in der Ubuntu -Befehlszeile ausgeführt werden. Hier ist das Skript und die Ausgabe:

const array_obj = [
id: 0, Name: "David",
ID: 1, Name: "John",
];
upd_obj = array_obj.findIndex ((obj => obj.id == 0));
Konsole.log ("vor Objekt aktualisiert:", array_obj [upd_obj]);
Array_OBJ [upd_obj].name = "harry";
Konsole.log ("After Object Updation:", Array_OBJ [upd_obj]); LinuxHint@U22: ~ $ Node ./prüfen.JS
Vor der Objektaktualisierung: ID: 0, Name: 'David'
Nach Objekt -Update: ID: 0, Name: 'Harry'
LinuxHint@u22: ~ $

Methode 2: Aktualisieren des Objekts in einem JavaScript -Array mit für die Schleife

In dieser Methode werden wir die verwenden für Schleifen Sie die Iteration durch die Array -Objekte und aktualisieren Sie die Objektwerte entsprechend.

Hier ist ein Beispiel für die Demonstration. Erstens werden wir eine Reihe von Objekten definieren, die mit sich kommenAusweis" Und "NameEigenschaften mit den folgenden Werten:

const array_obj = [
id: 0, Name: 'David',
ID: 1, Name: 'John',
];

Als nächstes werden wir das anwenden für Schleife zum Ierieren jedes Objekts in der Array_OBJ Array und aktualisieren Sie den Wert in Bezug auf die angegebenen Ausweis:

für (const i von array_obj)
wenn ich.id == 1)
ich.name = 'harry';

Schließlich zeigen wir den aktualisierten Objektwert auf dem Konsolenbildschirm an:

Konsole.log ('Das aktualisierte Array ist:', array_obj);

Die entsprechende Ausgabe ist:

Hier ist das gleiche Skript, das in der Ubuntu -Befehlszeile ausgeführt werden muss:

const array_obj = [
id: 0, Name: 'David',
ID: 1, Name: 'John',
];
für (const i von array_obj)
wenn ich.id == 1)
ich.name = 'harry';


Konsole.log ('Das aktualisierte Array ist:', array_obj); LinuxHint@U22: ~ $ Node ex2.JS
Das aktualisierte Array ist: [ID: 0, Name: 'David', ID: 1, Name: 'Harry']
LinuxHint@u22: ~ $

Methode 3: Aktualisieren des Objekts in einem JavaScript -Array mit MAP () -Methode

Bei dieser Methode wird der Wert eines Objekts durch die Verwendung der aktualisiert Karte() Methode. Diese Methode funktioniert für jedes Element in einem Array. Darüber hinaus ordnet es den aktualisierten Wert dem Objekt ab.

Erstens werden wir eine schaffen Array_OBJ Array mit Objekten mit Werten darin:

const array_obj = [
id: 0, Name: 'David',
ID: 1, Name: 'John',
];

Im nächsten Schritt werden wir die Daten mit verarbeiten Karte Funktion und für alle Objekte, deren Objekt -ID, obj.Ausweis, ist gleich Wert '1'Wir werden den Namen auf' Harry 'aktualisieren:

const upd_obj = array_obj.map (obj =>
if (obj.id == 1)
obj.name = 'harry';

Rückkehr obj;
)

Zuletzt zeigen Sie den in der gespeicherten aktualisierten Objektwert an upd_obj Variable.

Konsole.log (upd_obj);

Sie können den vollständigen Programmcode und seine Ausführungsausgabe unten sehen:

const array_obj = [
id: 0, Name: 'David',
ID: 1, Name: 'John',
];
const upd_obj = array_obj.map (obj =>
if (obj.id == 1)
obj.name = 'harry';

Rückkehr obj;
)
Konsole.log (upd_obj);

LinuxHint@H1: $ Node ./ex3.JS
[id: 0, Name: 'David', id: 1, Name: 'Harry']
LinuxHint@H1: $

Abschluss

Wir haben die einfachsten Methoden zur Aktualisierung der Objekte im JavaScript -Array bereitgestellt. Um ein Objekt in einem JavaScript -Array zu aktualisieren, können Sie verwenden findIndex () Methode zur Ausführung jedes Array -Elements und zur Aktualisierung der Objektwerte entsprechend die Für Schleife Methode zum Iterieren durch ein Array und Aktualisierung des angegebenen Wertes und Karte() Methode zum Zuordnen des aktualisierten Wertes in ein Objekt. Es gibt auch weitere Möglichkeiten, später finden Sie später.