Come aggiornare l'oggetto in JavaScript

In JavaScript, l'aggiornamento dei valori degli oggetti diventa molto utile quando è necessario modificare i valori ad un intervallo regolare. Inoltre, è utile anche in caso di archiviazione temporaneamente dei valori in un array o modifica di più valori contemporaneamente, prendendo qualsiasi oggetto specifico come riferimento.

Questo post discuterà il processo di aggiornamento degli oggetti in un array JavaScript.

Come aggiornare l'oggetto in JavaScript Array?

In JavaScript, l'oggetto può essere aggiornato con i seguenti metodi:

• findindex () metodo
• per ciclo continuo
• carta geografica() metodo

Ora controlleremo ciascuno degli approcci menzionati uno per uno!

Metodo 1: aggiornamento dell'oggetto in un array JavaScript utilizzando FindIndex ()

In JavaScript, il findindex () Il metodo viene utilizzato per trovare l'indice di elementi il ​​cui valore corrisponde alla condizione specificata negli argomenti.

Facciamo una panoramica dell'esempio seguente per una migliore comprensione. In primo luogo, dichiarare una serie di oggetti come mostrato di seguito:

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

Successivamente, applicheremo il findindex () Metodo da eseguire per ciascun elemento di array. Nel suo argomento, specificare il valore dell'oggetto che deve essere aggiornato. In questo caso, aggiorneremo il valore in cui il id dell'oggetto è 0:

up update_obj = array_obj.findindex ((obj => obj.id == 0));

Nel passaggio successivo, visualizzeremo il valore corrente prima dell'aggiornamento. Quindi, aggiorneremo il "nome"Valore della proprietà contro il set id Per aggiornare il suo valore:

console.log ("Prima dell'aggiornamento dell'oggetto:", array_obj [up update_obj]);
Array_obj [up upder_obj].name = "Harry";

Infine, visualizzeremo il valore dell'oggetto aggiornato utilizzando up update_obj come argomento di Array_obj in cui è stato definito l'array:

console.log ("dopo l'aggiornamento dell'oggetto:", array_obj [updat_obj]);

Produzione

L'intero script può anche essere eseguito usando Nodejs sulla riga di comando Ubuntu, ecco lo script e l'output:

const array_obj = [
id: 0, nome: "David",
id: 1, nome: "John",
];
up update_obj = array_obj.findindex ((obj => obj.id == 0));
console.log ("Prima dell'aggiornamento dell'oggetto:", array_obj [up update_obj]);
Array_obj [up upder_obj].name = "Harry";
console.log ("dopo l'aggiornamento dell'oggetto:", array_obj [updat_obj]); linuxhint@u22: ~ $ nodo ./test.js
Prima dell'aggiornamento dell'oggetto: id: 0, nome: 'David'
Dopo l'aggiornamento dell'oggetto: id: 0, nome: 'Harry'
Linuxhint@u22: ~ $

Metodo 2: aggiornamento dell'oggetto in un array JavaScript utilizzando per loop

In questo metodo, useremo il per Loop per iterating tramite gli oggetti dell'array e aggiorna i valori degli oggetti di conseguenza.

Ecco un esempio per la dimostrazione. In primo luogo, definiremo una serie di oggetti che hanno "id" E "nome"Proprietà con i seguenti valori:

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

Successivamente, applicheremo il per Loop per iterating tramite ciascun oggetto in Array_obj array e aggiornare il valore rispetto al specificato id:

per (const I di array_obj)
se io.id == 1)
io.name = 'Harry';

Infine, visualizzeremo il valore dell'oggetto aggiornato nella schermata della console:

console.log ('L'array aggiornato è:', array_obj);

L'output corrispondente sarà:

Ecco lo stesso script da eseguire sulla riga di comando Ubuntu:

const array_obj = [
id: 0, nome: 'David',
id: 1, nome: 'John',
];
per (const I di array_obj)
se io.id == 1)
io.name = 'Harry';


console.log ('L'array aggiornato è:', array_obj); linuxhint@u22: ~ $ nodo Ex2.js
L'array aggiornato è: [id: 0, nome: 'David', id: 1, nome: 'Harry']
Linuxhint@u22: ~ $

Metodo 3: aggiornamento dell'oggetto in un array JavaScript usando il metodo Map ()

In questo metodo, il valore di un oggetto viene aggiornato utilizzando il carta geografica() metodo. Questo metodo funziona per ogni elemento in un array. Inoltre, mappa il valore aggiornato all'oggetto.

In primo luogo, creeremo un Array_obj array contenente oggetti con valori in essi:

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

Nel prossimo passaggio, elaboreremo i dati con carta geografica funzione e per tutti gli oggetti il ​​cui ID oggetto, obj.id, è uguale al valore '1"Aggiorneremo il nome a" Harry ":

const up up update_obj = array_obj.mappa (obj =>
if (obj.id == 1)
obj.name = 'Harry';

restituire obj;
)

Infine, visualizzare il valore dell'oggetto aggiornato memorizzato nel up update_obj variabile.

console.log (updat_obj);

Puoi vedere il codice del programma completo e il suo output di esecuzione di seguito:

const array_obj = [
id: 0, nome: 'David',
id: 1, nome: 'John',
];
const up up update_obj = array_obj.mappa (obj =>
if (obj.id == 1)
obj.name = 'Harry';

restituire obj;
)
console.log (updat_obj);

Linuxhint@H1: $ nodo ./ex3.js
[id: 0, nome: 'David', id: 1, nome: 'Harry']
Linuxhint@H1: $

Conclusione

Abbiamo fornito i metodi più semplici relativi all'aggiornamento degli oggetti in JavaScript Array. Per aggiornare un oggetto in un array JavaScript, è possibile utilizzare findindex () metodo per eseguire ciascun elemento dell'array e aggiornare i valori degli oggetti di conseguenza, il per loop metodo per iterating tramite un array e aggiornare il valore specificato e carta geografica() Metodo per mappare il valore aggiornato a un oggetto. Ci sono anche più modi, puoi trovare più tardi.