Comment mettre à jour l'objet en javascript

En JavaScript, la mise à jour des valeurs des objets devient très utile lorsqu'elle est nécessaire pour modifier les valeurs à un intervalle régulier. De plus, il est également utile en cas de stockage temporairement les valeurs dans un tableau ou de modification de plusieurs valeurs en même temps, en prenant un objet spécifique comme référence.

Ce message discutera du processus de mise à jour des objets dans un tableau JavaScript.

Comment mettre à jour l'objet dans le tableau javascript?

Dans JavaScript, l'objet peut être mis à jour par les méthodes suivantes:

• findIndex () méthode
• pour boucle
• carte() méthode

Nous allons maintenant consulter chacune des approches mentionnées une par une!

Méthode 1: Mise à jour de l'objet dans un tableau JavaScript à l'aide de FindIndex ()

En javascript, le findIndex () La méthode est utilisée pour trouver l'index des éléments dont la valeur correspond à la condition spécifiée dans les arguments.

Ayons un aperçu de l'exemple ci-dessous pour une meilleure compréhension. Premièrement, nous déclarerons un tableau d'objets comme indiqué ci-dessous:

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

Ensuite, nous appliquerons le findIndex () Méthode à exécuter pour chaque élément de tableau. Dans son argument, spécifiez la valeur de l'objet qui doit être mise à jour. Dans ce cas, nous mettrons à jour la valeur où le identifiant de l'objet est 0:

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

À l'étape suivante, nous afficherons la valeur actuelle avant la mise à jour. Ensuite, nous mettrons à jour le "nom»Valeur de propriété par rapport à l'ensemble identifiant Afin de mettre à jour sa valeur:

console.log ("Avant la mise à jour de l'objet:", array_obj [upd_obj]);
Array_obj [upd_obj].name = "Harry";

Enfin, nous afficherons la valeur d'objet mise à jour en utilisant upd_obj comme argument de Array_obj dans lequel le tableau a été défini:

console.log ("après la mise à jour de l'objet:", array_obj [upd_obj]);

Sortir

Le script entier peut également être exécuté à l'aide de NodeJS sur la ligne de commande Ubuntu, voici le script et la sortie:

const array_obj = [
id: 0, nom: "David",
id: 1, nom: "John",
]]
upd_obj = array_obj.findIndex ((obj => obj.id == 0));
console.log ("Avant la mise à jour de l'objet:", array_obj [upd_obj]);
Array_obj [upd_obj].name = "Harry";
console.log ("après la mise à jour de l'objet:", array_obj [upd_obj]); Linuxhint @ U22: ~ $ NODE ./test.js
Avant la mise à jour de l'objet: id: 0, nom: 'David'
Après la mise à jour de l'objet: id: 0, nom: 'Harry'
linuxhint @ u22: ~ $

Méthode 2: Mise à jour de l'objet dans un tableau JavaScript à l'aide de Loop

Dans cette méthode, nous utiliserons le pour Boucle pour itérer dans les objets du tableau et mettre à jour les valeurs d'objet en conséquence.

Voici un exemple pour la démonstration. Premièrement, nous définirons un tableau d'objets ayant «identifiant" et "nom»Propriétés avec les valeurs suivantes:

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

Ensuite, nous appliquerons le pour boucle pour itérer à travers chaque objet dans le Array_obj tableau et mise à jour la valeur par rapport à la identifiant:

pour (const i de array_obj)
si je.id == 1)
je.name = 'Harry';

Enfin, nous afficherons la valeur d'objet mise à jour sur l'écran de la console:

console.log ('Le tableau mis à jour est:', array_obj);

La sortie correspondante sera:

Voici le même script à exécuter sur la ligne de commande Ubuntu:

const array_obj = [
id: 0, nom: 'David',
id: 1, nom: 'John',
]]
pour (const i de array_obj)
si je.id == 1)
je.name = 'Harry';


console.log ('Le tableau mis à jour est:', array_obj); linuxhint @ u22: ~ $ nœud ex2.js
Le tableau mis à jour est: [id: 0, nom: 'David', id: 1, nom: 'Harry']
linuxhint @ u22: ~ $

Méthode 3: Mise à jour de l'objet dans un tableau JavaScript à l'aide de la méthode MAP ()

Dans cette méthode, la valeur d'un objet est mise à jour en utilisant le carte() méthode. Cette méthode fonctionne pour chaque élément dans un tableau. De plus, il mappe la valeur mise à jour de l'objet.

Tout d'abord, nous créerons un Array_obj tableau contenant des objets avec des valeurs en eux:

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

À l'étape suivante, nous traiterons les données avec carte fonction, et pour tous les objets dont l'ID d'objet, obj.identifiant, est égal à la valeur '1«Nous mettrons à jour le nom de« Harry »:

const udd_obj = array_obj.map (obj =>
si (obj.id == 1)
obj.name = 'Harry';

retour obj;
)

Enfin, affichez la valeur d'objet mise à jour stockée dans le upd_obj variable.

console.log (UPD_OBJ);

Vous pouvez voir le code de programme complet et sa sortie d'exécution ci-dessous:

const array_obj = [
id: 0, nom: 'David',
id: 1, nom: 'John',
]]
const udd_obj = array_obj.map (obj =>
si (obj.id == 1)
obj.name = 'Harry';

retour obj;
)
console.log (UPD_OBJ);

Linuxhint @ H1: $ Node ./ ex3.js
[id: 0, nom: 'David', id: 1, nom: 'Harry']
linuxhint @ h1: $

Conclusion

Nous avons fourni les méthodes les plus simples liées à la mise à jour des objets dans le tableau JavaScript. Pour mettre à jour un objet dans un tableau JavaScript, vous pouvez utiliser findIndex () Méthode pour exécuter chaque élément de tableau et mettre à jour les valeurs d'objet en conséquence, le pour boucle Méthode d'itération via un tableau et mise à jour de la valeur spécifiée, et carte() Méthode pour cartographier la valeur mise à jour vers un objet. Il y a plus de façons aussi, vous pouvez trouver plus tard.