Hvordan oppdatere objekt i JavaScript

I JavaScript blir oppdatering av objektverdier veldig nyttige når det kreves å endre verdiene med et regelmessig intervall. Dessuten er det også nyttig i tilfelle lagring av verdiene midlertidig i en matrise eller endre flere verdier samtidig, ta noe spesifikt objekt som referanse.

Dette innlegget vil diskutere prosessen med å oppdatere objekter i en JavaScript -matrise.

Hvordan oppdatere objekt i JavaScript -matrisen?

I JavaScript kan objekt oppdateres ved følgende metoder:

• findIndex () metode
• til Løkke
• kart() metode

Vi vil nå sjekke ut hver av de nevnte tilnærmingene en etter en!

Metode 1: Oppdatering av objekt i en JavaScript -matrise ved bruk av FindIndex () -metode

I JavaScript, findIndex () Metoden brukes til å finne indeksen for elementer hvis verdi samsvarer med den spesifiserte tilstanden i argumenter.

La oss ha en oversikt over eksemplet nedenfor for bedre forståelse. For det første vil vi erklære en rekke objekter som vist nedenfor:

const array_obj = [
Id: 0, navn: "David",
Id: 1, navn: "John",
];

Deretter vil vi bruke findIndex () Metode for å utføre for hvert matriseelement. I sitt argument, spesifiser objektverdien som må oppdateres. I dette tilfellet vil vi oppdatere verdien der id av objektet er 0:

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

I neste trinn vil vi vise gjeldende verdi før oppdateringen. Deretter vil vi oppdatere “Navn”Eiendomsverdi mot settet id For å oppdatere verdien:

konsoll.Logg ("Før objektoppdatering:", Array_obj [upd_obj]);
Array_obj [upd_obj].name = "Harry";

Til slutt vil vi vise den oppdaterte objektverdien ved å bruke upd_obj som et argument for Array_obj der matrisen ble definert:

konsoll.Logg ("Etter objektoppdatering:", Array_obj [upd_obj]);

Produksjon

Hele skriptet kan også kjøres ved hjelp av NodeJs på Ubuntu -kommandolinjen, her er skriptet og utgangen:

const array_obj = [
Id: 0, navn: "David",
Id: 1, navn: "John",
];
upd_obj = array_obj.findIndex ((obj => obj.id == 0));
konsoll.Logg ("Før objektoppdatering:", Array_obj [upd_obj]);
Array_obj [upd_obj].name = "Harry";
konsoll.Logg ("Etter objektoppdatering:", Array_obj [upd_obj]); linuxhint@u22: ~ $ node ./test.JS
Før objektoppdatering: id: 0, navn: 'David'
Etter objektoppdatering: id: 0, navn: 'Harry'
linuxhint@u22: ~ $

Metode 2: Oppdatering av objekt i en JavaScript -matrise som bruker for loop

I denne metoden vil vi bruke til sløyfe for å iterere gjennom array -objektene og oppdatere objektverdiene deretter.

Her er et eksempel for demonstrasjonen. For det første vil vi definere en rekke objekter som har "id”Og“Navn”Egenskaper med følgende verdier:

const array_obj = [
Id: 0, navn: 'David',
Id: 1, navn: 'John',
];

Deretter vil vi bruke til sløyfe for å iterere gjennom hvert objekt i Array_obj matrise og oppdatere verdien med hensyn til den spesifiserte id:

for (const i of array_obj)
hvis jeg.id == 1)
Jeg.Navn = 'Harry';

Til slutt vil vi vise den oppdaterte objektverdien på konsollskjermen:

konsoll.Logg ('Den oppdaterte matrisen er:', array_obj);

Tilsvarende utgang vil være:

Her er det samme skriptet som skal kjøres på Ubuntu -kommandolinjen:

const array_obj = [
Id: 0, navn: 'David',
Id: 1, navn: 'John',
];
for (const i of array_obj)
hvis jeg.id == 1)
Jeg.Navn = 'Harry';


konsoll.Logg ('Den oppdaterte matrisen er:', array_obj); linuxhint@u22: ~ $ node ex2.JS
Den oppdaterte matrisen er: [id: 0, navn: 'David', id: 1, navn: 'Harry']
linuxhint@u22: ~ $

Metode 3: Oppdatering av objekt i en JavaScript -matrise ved hjelp av MAP () -metode

I denne metoden oppdateres verdien av et objekt ved å bruke kart() metode. Denne metoden fungerer for hvert element i en matrise. Dessuten kartlegger den den oppdaterte verdien til objektet.

For det første vil vi lage en Array_obj Array som inneholder objekter med verdier i seg:

const array_obj = [
Id: 0, navn: 'David',
Id: 1, navn: 'John',
];

I neste trinn vil vi behandle dataene med kart funksjon, og for alle objekter hvis objekt -ID, obj.id, er lik verdi '1'Vi vil oppdatere navnet til' Harry ':

const upd_obj = array_obj.kart (obj =>
hvis (obj.id == 1)
obj.Navn = 'Harry';

returner obj;
)

Til slutt, vis den oppdaterte objektverdien som er lagret i upd_obj variabel.

konsoll.logg (upd_obj);

Du kan se hele programkoden og utførelsesutgangen nedenfor:

const array_obj = [
Id: 0, navn: 'David',
Id: 1, navn: 'John',
];
const upd_obj = array_obj.kart (obj =>
hvis (obj.id == 1)
obj.Navn = 'Harry';

returner obj;
)
konsoll.logg (upd_obj);

linuxhint@h1: $ node ./ex3.JS
[id: 0, navn: 'David', id: 1, navn: 'Harry']
linuxhint@h1: $

Konklusjon

Vi har gitt de enkleste metodene relatert til oppdatering av objektene i JavaScript -array. For å oppdatere et objekt i en JavaScript -matrise, kan du bruke findIndex () Metode for å utføre hvert arrayelement og oppdatere objektverdiene deretter, for sløyfe metode for itering gjennom en matrise og oppdatere den spesifiserte verdien, og kart() Metode for å kartlegge den oppdaterte verdien til et objekt. Det er flere måter også, du kan finne senere.