ES6 mapear uma matriz de objetos para retornar uma matriz de objetos com novas chaves

Es6 Mapear Uma Matriz De Objetos Para Retornar Uma Matriz De Objetos Com Novas Chaves



Ao trabalhar com JavaScript, pode ser necessário reorganizar os dados com base nas chaves. Às vezes, você deseja renomear as chaves do objeto para torná-las mais fáceis de trabalhar ou mais legíveis e compreensíveis, como encurtar os nomes das chaves como “ elemento ' para ' elementos ”, “ primeiro nome ', ou ' primeiro nome ' como ' fNome ', e assim por diante.

Este post irá definir o método para mapear um array de objetos para retornar um novo array contendo novas chaves.

Mapeie uma matriz de objetos que retorna uma nova matriz de objetos contendo novas chaves

Use o ' mapa() ” para abordar a declaração declarada. O método map() é usado para iterar sobre uma matriz e criar uma nova matriz adicionando valores resultantes de uma função fornecida que chama cada elemento da matriz original. Ele não altera o array original, mas gera um novo com os resultados da função fornecida.







Sintaxe



Utilize a seguinte sintaxe para o método map():



mapa ( ( elemento ) => {

//……

} )

Exemplo

Crie uma matriz de objetos chamada “ arrObj ”:





onde arrObj = [ { nome : 'Paulo' , eu ia : 3 , idade : 23 } ,

{ nome : 'Meyer' , eu ia : 5 , idade : 25 } ,

{ nome : 'Concordo' , eu ia : onze , idade : 27 }

]

Chame o método map() com chaves de objetos como argumentos e uma função de seta/retorno de chamada que será executada para cada elemento da matriz. Aqui, vamos definir as chaves de um “ arrObj ” para as novas teclas na função de retorno de chamada:

const newArrayObj = arrObj. mapa ( ( { nome, identidade, idade } ) => ( {

novoId : eu ia,

novo nome : nome,

nova era : idade

} ) ) ;

Por fim, imprima o novo array com as novas chaves no console:



console. registro ( newArrayObj ) ;

Pode ser visto que a nova matriz de objetos chamada “ newArrayObj ” contém “chaves novas/atualizadas” com os mesmos valores e de maneira reordenada:

Trata-se de mapear um array de objetos para retornar um array de objetos com novas chaves em JavaScript.

Conclusão

Para mapear um array de objetos em um novo array de objetos com novas chaves, use o comando “ mapa() ” método. Este método itera cada elemento de uma matriz de objetos e fornece uma nova matriz chamando uma função de retorno de chamada com a função especificada. Este post definiu o procedimento para mapear um array de objetos para retornar um array de objetos com novas chaves.