Jak aktualizować obiekt w JavaScript

W JavaScript aktualizacja wartości obiektów staje się bardzo przydatna, gdy konieczne jest zmiana wartości w pewnym regularnym odstępie czasu. Ponadto jest to również pomocne w przypadku tymczasowego przechowywania wartości w tablicy lub zmiany wielu wartości w tym samym czasie, przyjmując dowolny konkretny obiekt jako odniesienie.

Ten post omówi proces aktualizacji obiektów w tablicy JavaScript.

Jak aktualizować obiekt w tablicy JavaScript?

W JavaScript obiekt można aktualizować następującymi metodami:

• FindIndex () metoda
• Do pętla
• mapa() metoda

Teraz sprawdzimy każde z wymienionych podejść jeden po drugim!

Metoda 1: Aktualizacja obiektu w tablicy JavaScript za pomocą metody FindIndex ()

W JavaScript, FindIndex () Metoda służy do znalezienia wskaźnika elementów, których wartość odpowiada określonym warunku w argumentach.

Miejmy przegląd poniższego przykładu w celu lepszego zrozumienia. Po pierwsze, zadeklarujemy szereg obiektów, jak pokazano poniżej:

const array_obj = [
Id: 0, nazwa: „David”,
Id: 1, nazwa: „John”,
];

Następnie zastosujemy FindIndex () metoda wykonywania dla każdego elementu tablicy. W swoim argumencie określ wartość obiektu, którą należy zaktualizować. W takim przypadku zaktualizujemy wartość, w której ID obiektu jest 0:

Upd_Obj = array_obj.FindIndex ((obj => obj.id == 0));

W następnym kroku wyświetlimy bieżącą wartość przed aktualizacją. Następnie zaktualizujemy „nazwa„Wartość właściwości w stosunku do zestawu ID Aby zaktualizować swoją wartość:

konsola.log („Przed aktualizacją obiektu:”, Array_Obj [Upd_Obj]);
Array_obj [Upd_Obj].name = "Harry";

Na koniec wyświetlimy zaktualizowaną wartość obiektu za pomocą Upd_Obj jako argument Array_obj w którym zdefiniowano tablicę:

konsola.log („po aktualizacji obiektu:”, Array_Obj [Upd_Obj]);

Wyjście

Całego skryptu można również uruchomić za pomocą NodeJS w wierszu poleceń Ubuntu, oto skrypt i wyjście:

const array_obj = [
Id: 0, nazwa: „David”,
Id: 1, nazwa: „John”,
];
Upd_Obj = array_obj.FindIndex ((obj => obj.id == 0));
konsola.log („Przed aktualizacją obiektu:”, Array_Obj [Upd_Obj]);
Array_obj [Upd_Obj].name = "Harry";
konsola.log („po aktualizacji obiektu:”, Array_Obj [Upd_Obj]); Linuxhint@u22: ~ $ node ./test.JS
Przed aktualizacją obiektu: id: 0, nazwa: „David”
Po aktualizacji obiektu: id: 0, nazwa: „Harry”
Linuxhint@u22: ~ $

Metoda 2: Aktualizacja obiektu w tablicy JavaScript za pomocą pętli

W tej metodzie użyjemy Do pętla do iteracji obiektów tablicy i odpowiednio aktualizuj wartości obiektu.

Oto przykład demonstracji. Po pierwsze, zdefiniujemy szereg obiektów o „ID" I "nazwa”Właściwości z następującymi wartościami:

const array_obj = [
Id: 0, nazwa: „David”,
Id: 1, nazwa: „John”,
];

Następnie zastosujemy Do pętla do iteracji przez każdy obiekt w Array_obj tablica i zaktualizuj wartość w odniesieniu do określonych ID:

dla (const i array_obj)
Jeśli ja.id == 1)
I.name = „Harry”;

Na koniec wyświetlimy zaktualizowaną wartość obiektu na ekranie konsoli:

konsola.log („zaktualizowana tablica to: ', array_obj);

Odpowiednie wyjście będzie:

Oto ten sam skrypt do uruchomienia w wierszu poleceń Ubuntu:

const array_obj = [
Id: 0, nazwa: „David”,
Id: 1, nazwa: „John”,
];
dla (const i array_obj)
Jeśli ja.id == 1)
I.name = „Harry”;


konsola.log („zaktualizowana tablica to: ', array_obj); Linuxhint@u22: ~ $ node ex2.JS
Zaktualizowana tablica to: [id: 0, nazwa: „David”, id: 1, nazwa: „Harry”]
Linuxhint@u22: ~ $

Metoda 3: Aktualizacja obiektu w tablicy JavaScript za pomocą metody map ()

W tej metodzie wartość obiektu jest aktualizowana za pomocą mapa() metoda. Ta metoda działa dla każdego elementu w tablicy. Ponadto mapuje zaktualizowaną wartość do obiektu.

Po pierwsze, stworzymy Array_obj tablica zawierająca obiekty z wartościami:

const array_obj = [
Id: 0, nazwa: „David”,
Id: 1, nazwa: „John”,
];

W następnym kroku przetworzymy dane z mapa funkcja i dla wszystkich obiektów, których identyfikator obiektu id, obj.ID, jest równe wartości '1„Zaktualizujemy nazwę„ Harry ”:

const Upd_Obj = array_obj.mapa (obj =>
if (obj.id == 1)
obj.name = „Harry”;

powrót obj;
)

Na koniec wyświetl zaktualizowaną wartość obiektu przechowywaną w Upd_Obj zmienny.

konsola.log (Upd_Obj);

Możesz zobaczyć pełny kod programu i jego wyjście wykonania poniżej:

const array_obj = [
Id: 0, nazwa: „David”,
Id: 1, nazwa: „John”,
];
const Upd_Obj = array_obj.mapa (obj =>
if (obj.id == 1)
obj.name = „Harry”;

powrót obj;
)
konsola.log (Upd_Obj);

Linuxhint@h1: $ node ./ex3.JS
[id: 0, nazwa: „David”, id: 1, nazwa: „Harry”]
Linuxhint@H1: $

Wniosek

Podaliśmy najprostsze metody związane z aktualizacją obiektów w tablicy JavaScript. Aby zaktualizować obiekt w tablicy JavaScript, możesz użyć FindIndex () metoda wykonywania każdego elementu tablicy i odpowiednio aktualizowania wartości obiektów, dla pętli metoda iteracji za pośrednictwem tablicy i aktualizacji określonej wartości oraz mapa() Metoda mapowania zaktualizowanej wartości do obiektu. Jest też więcej sposobów, które można znaleźć później.