Como alterar o valor do objeto que está dentro de uma matriz usando JavaScript?

Enquanto trabalha com o JavaScript, os desenvolvedores podem precisar atualizar os dados dinamicamente. Está dentro da matriz, objeto ou uma variedade de objetos. Uma matriz é um grupo ou coleção de valores, e cada valor pode ser de qualquer tipo de dados, incluindo objetos. Para alterar o valor de um objeto dentro de uma matriz, primeiro acesse o objeto e depois modifique suas propriedades. No JavaScript, existem vários métodos pré-construídos para alterar o valor de um objeto dentro de uma matriz.

Este tutorial demonstrará as abordagens para alterar o valor de um objeto dentro de uma matriz em JavaScript.

Como alterar/atualizar o valor de um objeto que está dentro de uma matriz usando JavaScript?

Para alterar o valor de um objeto que está dentro de uma matriz, use os seguintes métodos predefinidos JavaScript:

• Método FindIndex ()
• MAPA () Método com operador de espalhamento
• Método Find ()
• para o loop

Método 1: Alterar o valor do objeto que está dentro de uma matriz usando o método "findIndex ()"

Para alterar o valor de um objeto dentro da matriz, use o “FindIndex ()”Método. Este método encontra o índice do elemento em uma matriz que atende a certa condição. Para especificar a condição, ele usa uma função de retorno de chamada.

Sintaxe
Siga a sintaxe dada para alterar o valor de um objeto usando o método findIndex ():

ArrayObject.FindIndex (obj =>
//doença
);

Exemplo
Crie uma matriz que contenha objetos diferentes:

var Arrobj = [id: 5, nome: "mayer", idade: 25,
id: 9, nome: "Paul", idade: 26,
id: 12, nome: "Steven", idade: 20]

Chame o método findIndex () com a função de retorno de chamada que verifica o ID de objetos equivalentes a “12”E armazenar o índice do objeto em uma variável“getIndex”:

const getIndex = arrobj.FindIndex (obj =>
retornar obj.id === 12;
);

Altere o valor da propriedade “idade”Do objeto:

Arrobj [getIndex].idade = 24;

Por fim, imprima a variedade atualizada de objetos no console:

console.log ("A matriz atualizada do objeto é:");
console.log (arrobj);

A saída indica que o valor de “idade”Do objeto cujo id é 12 foi alterado com sucesso de“20" para "24”:

Método 2: Alterar o valor do objeto que está dentro de uma matriz usando o método "map ()" com o operador de espalhamento

Utilize o “mapa()”Método com o“Operador espalhado”Para alterar o valor do objeto dentro de uma matriz. "Map ()" é utilizado para criar uma nova matriz chamando uma função em cada elemento de uma matriz existente. Enquanto o operador de spread permite espalhar ou copiar elementos de matriz em uma nova matriz ou os argumentos de uma chamada de função. O método "map ()" não modifica/altera a matriz original, mas gera uma nova matriz com os elementos modificados.

Sintaxe
Para alterar o valor de um objeto usando o método map () com o operador de spread, utilize a seguinte sintaxe:

ArrayObject.mapa (obj =>
if (condição)
retornar … obj, chave: newvalue;

retornar obj;
);

Exemplo
Ligue para o método map () com o operador de spread para alterar o nome do objeto cujo id é “9”:

const newObjectarr = Arrobj.mapa (obj =>
if (obj.id === 9)
return … obj, nome: 'Alice';

retornar obj;
);

Imprima a matriz modificada do objeto no console:

console.log (newobjectarr);

A propriedade "nome"Do objeto cujo id é"9”Foi alterado de“Paulo" para "Alice”:

Método 3: Alterar o valor do objeto que está dentro de uma matriz usando o método "find ()"

Para alterar o valor de um objeto dentro de uma matriz, use o “encontrar()”Método. É utilizado para encontrar o elemento em uma matriz que cumpre uma determinada condição. Ele gera o valor do elemento se satisfazer a condição. Caso contrário, dá “indefinido, ”Indicando que nenhum elemento é encontrado.

Sintaxe
Use a sintaxe dada para o método find () para encontrar o elemento em uma matriz:

ArrayObject.encontre (obj =>
//doença
);

Exemplo
Invocar o método find () para encontrar o objeto cujo id é “5”E armazene o objeto em uma variável“FindIndex”:

const FindIndex = Arrobj.encontre (obj =>
retornar obj.id === 5;
);

Verifique se a variável "findIndex" não é igual a "indefinido”Significa que, se o objeto for encontrado, altere o valor da propriedade“nome”Do objeto:

if (findIndex !== indefinido)
FindIndex.nome = 'John';

Por fim, imprima o objeto no console:

console.log (findIndex);

A saída exibe apenas o objeto especificado alterando seu valor:

Método 4: Alterar o valor do objeto que está dentro de uma matriz usando um loop "para" para

Você também pode usar o “para de”Loop para alterar o valor de um objeto dentro da matriz. É usado para iterar sobre a matriz de objetos e verificar a condição para alterar o valor do objeto. Depois de acessar e alterar o valor do objeto, encerrar o loop usando o “quebrarPalavra -chave.

Sintaxe
Siga a sintaxe dada para o loop "para" para ":

para (const obj of ArrayObject)
if (condição)
//declaração
quebrar;

Exemplo
Use o loop for-of e verifique o objeto cujo ID é “5”E mude o“idade" para "27”:

para (const obj of Arrobj)
if (obj.id === 5)
obj.idade = 27;
quebrar;

Imprima o objeto atualizado dentro da matriz no console:

console.log (arrobj);

Saída

Reunimos todas as informações essenciais relevantes para a mudança de valor de um objeto que está dentro da matriz em JavaScript.

Conclusão

Para alterar o valor de um objeto que está dentro de uma matriz, use os métodos predefinidos de JavaScript, incluindo o “FindIndex (), ““mapa()”Método com“Operador espalhado","encontrar()”Método, ou o“para de" laço. Esses métodos mudaram com sucesso os valores de um objeto dentro de uma matriz. Este tutorial demonstrou as diferentes abordagens para alterar o valor de um objeto que está dentro de uma matriz em JavaScript.