Como atualizar o objeto em javascript

No JavaScript, a atualização dos valores dos objetos se torna muito útil quando é necessário alterar os valores em algum intervalo regular. Além disso, também é útil no caso de armazenar os valores temporariamente em uma matriz ou alterar vários valores ao mesmo tempo, tomando qualquer objeto específico como referência.

Esta postagem discutirá o processo de atualização de objetos em uma matriz JavaScript.

Como atualizar o objeto em JavaScript Array?

No JavaScript, o objeto pode ser atualizado pelos seguintes métodos:

• FindIndex () método
• para laço
• mapa() método

Vamos agora verificar cada uma das abordagens mencionadas uma a uma!

Método 1: Atualizando o objeto em uma matriz JavaScript usando o método findIndex ()

Em JavaScript, o FindIndex () O método é usado para encontrar o índice de elementos cujo valor corresponde à condição especificada em argumentos.

Vamos ter uma visão geral do exemplo abaixo para uma melhor compreensão. Em primeiro lugar, declararemos uma variedade de objetos como mostrado abaixo:

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

Em seguida, aplicaremos o FindIndex () Método para executar para cada elemento da matriz. Em seu argumento, especifique o valor do objeto que precisa ser atualizado. Nesse caso, atualizaremos o valor onde o eu ia do objeto é 0:

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

Na próxima etapa, exibiremos o valor atual antes da atualização. Então, vamos atualizar o “nome”Valor da propriedade contra o conjunto eu ia Para atualizar seu valor:

console.log ("Antes da atualização do objeto:", Array_OBJ [UPD_OBJ]);
Array_obj [UPD_OBJ].name = "Harry";

Finalmente, exibiremos o valor do objeto atualizado usando upd_obj como um argumento de Array_OBJ em que a matriz foi definida:

console.log ("Após a atualização do objeto:", Array_OBJ [UPD_OBJ]);

Saída

Todo o script também pode ser executado usando o NodeJS na linha de comando do Ubuntu, aqui está o script e a saída:

const array_obj = [
id: 0, nome: "David",
id: 1, nome: "John",
];
upd_obj = array_obj.FindIndex ((obj => obj.id == 0));
console.log ("Antes da atualização do objeto:", Array_OBJ [UPD_OBJ]);
Array_obj [UPD_OBJ].name = "Harry";
console.log ("Após a atualização do objeto:", Array_OBJ [UPD_OBJ]); linuxhint@u22: ~ $ node ./teste.JS
Antes da atualização do objeto: id: 0, nome: 'David'
Após a atualização do objeto: id: 0, nome: 'Harry'
linuxhint@u22: ~ $

Método 2: Atualizando o objeto em uma matriz JavaScript usando o loop

Neste método, usaremos o para loop para iterar os objetos da matriz e atualizar os valores do objeto de acordo.

Aqui está um exemplo para a demonstração. Em primeiro lugar, definiremos uma variedade de objetos com “eu ia" e "nome”Propriedades com os seguintes valores:

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

Em seguida, aplicaremos o para loop para iterar através de cada objeto no Array_OBJ matriz e atualizar o valor em relação ao especificado eu ia:

para (const I de Array_Obj)
se eu.id == 1)
eu.nome = 'Harry';

Por fim, exibiremos o valor do objeto atualizado na tela do console:

console.log ('A matriz atualizada é:', array_obj);

A saída correspondente será:

Aqui está o mesmo script a ser executado na linha de comando do Ubuntu:

const array_obj = [
id: 0, nome: 'David',
id: 1, nome: 'John',
];
para (const I de Array_Obj)
se eu.id == 1)
eu.nome = 'Harry';


console.log ('A matriz atualizada é:', array_obj); linuxhint@u22: ~ $ node ex2.JS
A matriz atualizada é: [id: 0, nome: 'David', id: 1, nome: 'Harry']
linuxhint@u22: ~ $

Método 3: Atualizando o objeto em uma matriz JavaScript usando o método map ()

Neste método, o valor de um objeto é atualizado usando o mapa() método. Este método funciona para cada elemento em uma matriz. Além disso, ele mapeia o valor atualizado para o objeto.

Em primeiro lugar, criaremos um Array_OBJ Matriz contendo objetos com valores neles:

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

Na próxima etapa, processaremos os dados com mapa função, e para todos os objetos cujo ID do objeto, obj.eu ia, é igual ao valor '1'Vamos atualizar o nome para' Harry ':

const upd_obj = array_obj.mapa (obj =>
if (obj.id == 1)
obj.nome = 'Harry';

retornar obj;
)

Por fim, exibir o valor do objeto atualizado armazenado no upd_obj variável.

console.log (upd_obj);

Você pode ver o código completo do programa e sua saída de execução abaixo:

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

retornar obj;
)
console.log (upd_obj);

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

Conclusão

Fornecemos os métodos mais simples relacionados à atualização dos objetos na matriz JavaScript. Para atualizar um objeto em uma matriz JavaScript, você pode usar FindIndex () método para executar cada elemento da matriz e atualizar os valores do objeto de acordo, o para loop Método para realizar através de uma matriz e atualizar o valor especificado e mapa() Método para mapear o valor atualizado para um objeto. Há mais maneiras também, você pode encontrar mais tarde.