0

JavaScript: como alterar a Chave do Objeto

#ReactJS #JavaScript #Bootstrap
A
Anderson Coelho

Jornada de um Estagiário — 001

1º artigo de muitos. Postarei mais problemas e soluções que um estagiário poderá enfrentar no seu estágio


Na primeira semana de novembro/2020 me deparei com um problema, inicialmente simples, no desenvolvimento do sistema web que estou participando atualmente no meu estágio.


Problema ocorrido:

Utilizando o componente mui-datatables, no momento da exportação do Excel ou CSV, as colunas da tabela apareciam da seguinte forma:

"nome_usuario", "data_nascimento", "email_principal","telefone", "cargo"

Sendo que os nomes das colunas deveriam ficar neste formato:

"Nome do Usuário", "Data de nascimento", "E-mail Principal", "Telefone para contato", "Cargo".


Solução criada:

Mudar a chave do objeto.


Para isso, utilizei a função map para percorrer o objeto declarando um novo objeto com a formatação esperada.

O componente mui-datatables permite alterar as colunas livremente, mas para não atrapalhar as condições já criadas com o objeto dessa tabela foi necessário alterar a chave do objeto no momento da exportação.

Ex: https://cdn.discordapp.com/attachments/779342878513954829/802159491344236564/1_pllTNYMm-KhQj_BqR-741A.png

Observações finais:

Baseado nas pesquisas que eu realizei , não é possível alterar a chave diretamente no objeto. Então, para poder realizar essa alteração foi necessário utilizar uma função para percorrer um objeto, sendo map a escolhida, mas poderia ter sido utilizado tanto forEach como filter.


Na hora de utilizar a função map, nota-se que o seu retorno resulta em um novo objeto, e por estar dentro de uma condição não irá atrapalhar a função principal, podendo assim percorrer o código corretamente.

Ferramentas utilizadas:

  • React.Js;
  • Componente mui-datatables;
  • Visual Studio Code.

Referências:

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/map


Jornada de um estagiário: é um diário pessoal, relatando dificuldades, sucessos e dicas que venho adquirindo no meu estágio, compartilho com vocês as minhas experiências como programador. Espero que gostem.
0
33

Comentários (0)

None

Brasil