Cómo actualizar el objeto en JavaScript

En JavaScript, la actualización de los valores del objeto se vuelve muy útil cuando se requiere cambiar los valores a algún intervalo regular. Además, también es útil en el caso de almacenar los valores temporalmente en una matriz o cambiar los valores múltiples al mismo tiempo, tomando cualquier objeto específico como referencia.

Esta publicación discutirá el proceso de actualización de objetos en una matriz de JavaScript.

Cómo actualizar el objeto en JavaScript Array?

En JavaScript, el objeto se puede actualizar mediante los siguientes métodos:

• findindex () método
• para bucle
• mapa() método

Ahora veremos cada uno de los enfoques mencionados uno por uno!

Método 1: Actualización del objeto en una matriz de JavaScript usando el método findindex ()

En JavaScript, el findindex () El método se utiliza para encontrar el índice de elementos cuyo valor coincida con la condición especificada en los argumentos.

Tengamos una descripción general del siguiente ejemplo para una mejor comprensión. En primer lugar, declararemos una matriz de objetos como se muestra a continuación:

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

A continuación, aplicaremos el findindex () Método para ejecutar para cada elemento de matriz. En su argumento, especifique el valor del objeto que debe actualizarse. En este caso, actualizaremos el valor donde el identificación del objeto es 0:

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

En el siguiente paso, mostraremos el valor actual antes de la actualización. Luego, actualizaremos el "nombre"Valor de propiedad contra el conjunto identificación Para actualizar su valor:

consola.log ("antes de la actualización del objeto:", array_obj [upd_obj]);
Array_obj [upd_obj].nombre = "Harry";

Finalmente, mostraremos el valor de objeto actualizado usando upd_obj como argumento de Array_obj en el que se definió la matriz:

consola.log ("After Object actualización:", array_obj [upd_obj]);

Producción

El script completo también se puede ejecutar usando NodeJS en la línea de comandos de Ubuntu, aquí está el script y la salida:

const array_obj = [
id: 0, nombre: "David",
id: 1, nombre: "John",
];
upd_obj = array_obj.findIndex ((obj => obj.id == 0));
consola.log ("antes de la actualización del objeto:", array_obj [upd_obj]);
Array_obj [upd_obj].nombre = "Harry";
consola.log ("After Object actualización:", array_obj [upd_obj]); linuxhint@u22: ~ $ node ./prueba.js
Antes de la actualización del objeto: id: 0, nombre: 'David'
Después de la actualización del objeto: id: 0, nombre: 'Harry'
linuxhint@u22: ~ $

Método 2: Actualización del objeto en una matriz de JavaScript usando para bucle

En este método, usaremos el para bucle para iterar a través de los objetos de matriz y actualizar los valores del objeto en consecuencia.

Aquí hay un ejemplo para la demostración. En primer lugar, definiremos una variedad de objetos que tienen "identificación" y "nombre"Propiedades con los siguientes valores:

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

A continuación, aplicaremos el para bucle para iterar a través de cada objeto en el Array_obj matriz y actualizar el valor con respecto al especificado identificación:

para (const i de array_obj)
si yo.id == 1)
i.nombre = 'Harry';

Finalmente, mostraremos el valor de objeto actualizado en la pantalla de la consola:

consola.log ('La matriz actualizada es:', array_obj);

La salida correspondiente será:

Aquí está el mismo script que se ejecutará en la línea de comando Ubuntu:

const array_obj = [
id: 0, nombre: 'David',
id: 1, nombre: 'John',
];
para (const i de array_obj)
si yo.id == 1)
i.nombre = 'Harry';


consola.log ('La matriz actualizada es:', array_obj); linuxhint@u22: ~ $ node ex2.js
La matriz actualizada es: [id: 0, nombre: 'David', id: 1, nombre: 'Harry']
linuxhint@u22: ~ $

Método 3: Actualización del objeto en una matriz de JavaScript usando el método MAP ()

En este método, el valor de un objeto se actualiza utilizando el mapa() método. Este método funciona para cada elemento en una matriz. Además, asigna el valor actualizado al objeto.

En primer lugar, crearemos un Array_obj matriz que contiene objetos con valores en ellos:

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

En el siguiente paso, procesaremos los datos con mapa función, y para todos los objetos cuya identificación de objeto, obj.identificación, es igual al valor '1'Actualizaremos el nombre a' Harry ':

const up.Obj = array_obj.mapa (obj =>
if (obj.id == 1)
obj.nombre = 'Harry';

regresar obj;
)

Por último, muestre el valor de objeto actualizado almacenado en el upd_obj variable.

consola.log (upd_obj);

Puede ver el código de programa completo y su salida de ejecución a continuación:

const array_obj = [
id: 0, nombre: 'David',
id: 1, nombre: 'John',
];
const up.Obj = array_obj.mapa (obj =>
if (obj.id == 1)
obj.nombre = 'Harry';

regresar obj;
)
consola.log (upd_obj);

linuxhint@h1: $ node ./EX3.js
[id: 0, nombre: 'David', id: 1, nombre: 'Harry']
linuxhint@h1: $

Conclusión

Hemos proporcionado los métodos más simples relacionados con la actualización de los objetos en JavaScript Array. Para actualizar un objeto en una matriz de JavaScript, puede usar findindex () método para ejecutar cada elemento de matriz y actualizar los valores del objeto en consecuencia, el en bucle Método para iterar a través de una matriz y actualizar el valor especificado, y mapa() Método para mapear el valor actualizado a un objeto. También hay más formas, puedes encontrar más tarde.