Neste artigo você vai aprender a como converter CSV para Array com JavaScript, vem conferir como é simples fazer isso!
Fala programador(a), beleza? Bora aprender mais sobre CSV com JavaScript!
Introdução
O formato CSV (Comma Separated Values) é amplamente utilizado para armazenar e compartilhar dados tabulares.
Ele representa dados em formato de texto, onde cada linha é um registro e os valores são separados por vírgulas ou outros delimitadores.
No desenvolvimento de aplicações JavaScript, é comum encontrar situações em que você precisa converter CSV para array para manipular e processar os dados.
Neste artigo, vamos explorar como converter CSV para array com JavaScript de maneira simples e eficiente.
Converter CSV para array com JavaScript usando o método split
A maneira mais simples de converter CSV para array com JavaScript é usando o método split. Ele permite dividir uma string em um array de substrings com base em um delimitador especificado.
Exemplo:
const csv = `id,nome,idade
1,João,30
2,Maria,28
3,Pedro,25`;
const linhas = csv.split('\n');
const array = linhas.map((linha) => linha.split(','));
console.log(array);
Neste exemplo, primeiro dividimos o CSV em linhas usando o delimitador \n.
Em seguida, usamos o método map para dividir cada linha em valores separados por vírgulas.
Converter CSV para array de objetos usando o método split e o método reduce
Em muitos casos, é mais conveniente converter o CSV para um array de objetos, onde cada objeto representa uma linha do arquivo CSV e suas propriedades correspondem às colunas.
Para fazer isso, podemos usar uma combinação dos métodos split e reduce.
Exemplo:
const csv = `id,nome,idade
1,João,30
2,Maria,28
3,Pedro,25`;
const linhas = csv.split('\n');
const cabecalho = linhas.shift().split(',');
const arrayDeObjetos = linhas.map((linha) => {
const valores = linha.split(',');
return valores.reduce((objeto, valor, indice) => {
objeto[cabecalho[indice]] = valor;
return objeto;
}, {});
});
console.log(arrayDeObjetos);
Neste exemplo, removemos o cabeçalho do CSV e o dividimos em um array de colunas usando o método split.
Em seguida, usamos o método map para criar um array de objetos, onde cada objeto é criado usando o método reduce para combinar as propriedades do cabeçalho com os valores de cada linha.
Quer aprender mais sobre React? Confira o vídeo abaixo:
Conclusão
Converter CSV para array com JavaScript é uma tarefa comum ao lidar com dados tabulares no desenvolvimento de aplicações.
Neste artigo, exploramos duas abordagens para realizar essa conversão: usando o método split para criar um array bidimensional e combinando os métodos split e reduce para criar um array de objetos.
Ao dominar essas técnicas, você estará preparado para lidar com arquivos CSV e manipulá-los de acordo com as necessidades do seu projeto.
Além disso, esses métodos podem ser adaptados para trabalhar com diferentes delimitadores ou para converter dados em outros formatos similares.
Com a prática e o entendimento das funções nativas do JavaScript, você pode criar soluções eficientes e personalizadas para converter e processar dados tabulares no seu dia a dia como desenvolvedor.
Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.
Nosso principal objetivo é tornar você um dev no menor tempo possível, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!