Como usar: CSV e Excel para Array JavaScript
- Cole o CSV, as células do Excel ou o JSON, ou abra um arquivo.
- Escolha o formato: um array de objetos, linhas como arrays ou um objeto indexado pela primeira coluna.
- Escolha a declaração (
const,export const,module.exports…), o estilo de aspas e a indentação. - Copie o código ou baixe como um arquivo
.js.
O que faz um conversor de CSV para array JavaScript?
Ele transforma linhas de uma planilha em um literal JavaScript que você pode colar direto no código-fonte. É útil para dados de mock, stories do Storybook, testes unitários, opções de dropdown, pequenas tabelas de consulta e sites estáticos que não precisam de banco de dados nem de um parser de CSV em tempo de execução.
export const products = [
{ id: 1, name: 'Ada Lovelace', active: true },
{ id: 2, name: 'Grace Hopper', active: true },
];
Literal JavaScript vs JSON
JSON é um subconjunto estrito da sintaxe JavaScript, mas o JavaScript escrito à mão costuma ser mais flexível. Esta ferramenta gera JavaScript idiomático:
- Chaves sem aspas quando a chave é um identificador válido (
name:), com aspas apenas quando necessário ('first name':). - Aspas simples ou duplas para combinar com as configurações do Prettier ou do ESLint.
- Vírgulas finais, que mantêm o diff em uma linha quando você adiciona linhas.
- Tipos reais: números, booleanos e
nullnão ficam entre aspas; valores com zeros à esquerda continuam como strings.
Formatos e declarações
| Opção | Saída |
|---|---|
| Objetos | [{ id: 1, … }, …] — o array de registros mais comum |
| Linhas (listas) | [['id', 'name'], [1, 'Ada']] — cabeçalho primeiro, como em uma planilha |
| Indexado pela 1ª coluna | { 'KB-001': { … } } — buscas instantâneas por ID |
export const / export default | Módulos ES (Vite, Next.js, Node moderno) |
module.exports | CommonJS (código Node.js mais antigo) |
Com JSON de entrada, Manter estrutura original do JSON converte objetos e arrays aninhados exatamente como estão. Precisa de tipos TypeScript para os dados? Gere-os com JSON para TypeScript. Para projetos PHP, use CSV para array PHP.
Também pesquisado como: csv para array javascript, excel para array javascript, csv para array de objetos, json para objeto javascript, csv para objeto js, planilha para javascript, csv para array typescript.
Ferramentas que combinam com: CSV e Excel para Array JavaScript
- Excel para JSON — Abra uma pasta de trabalho .xlsx ou cole células direto do Excel ou do Google Sheets e receba um JSON limpo.
- CSV para JSON — Cole um CSV ou TSV e receba um array JSON de objetos.
- Gerador de dados simulados — Crie até 10.000 linhas de dados de teste realistas — usuários, produtos, pedidos, endereços, empresas ou registros de API aninhados — ou crie seu próprio esquema.
- JSON para Excel — Transforme um array JSON em uma planilha Excel de verdade.