Cómo usar: Excel, CSV y JSON a Array JS
- Pega CSV, celdas de Excel o JSON, o abre un archivo.
- Elige la forma: un array de objetos, filas como arrays o un objeto con la primera columna como clave.
- Selecciona la declaración (
const,export const,module.exports…), el estilo de comillas y la sangría. - Copia el código o descárgalo como archivo
.js.
¿Qué hace un convertidor de CSV a array de JavaScript?
Convierte las filas de una hoja de cálculo en un literal de JavaScript que puedes pegar directamente en el código. Es útil para datos de prueba, historias de Storybook, tests unitarios, opciones de desplegables, tablas de búsqueda pequeñas y sitios estáticos que no necesitan base de datos ni un parser de CSV en tiempo de ejecución.
export const products = [
{ id: 1, name: 'Ada Lovelace', active: true },
{ id: 2, name: 'Grace Hopper', active: true },
];
Literal de JavaScript vs JSON
JSON es un subconjunto estricto de la sintaxis de JavaScript, pero el JavaScript escrito a mano suele ser más flexible. Esta herramienta genera JavaScript idiomático:
- Claves sin comillas cuando la clave es un identificador válido (
name:); solo se usan comillas cuando hacen falta ('first name':). - Comillas simples o dobles para coincidir con la configuración de Prettier o ESLint.
- Comas finales, que mantienen los diffs en una sola línea al añadir filas.
- Tipos reales: los números, booleanos y
nullno llevan comillas; los valores con ceros a la izquierda siguen siendo strings.
Formas y declaraciones
| Opción | Salida |
|---|---|
| Objetos | [{ id: 1, … }, …] — el array habitual de registros |
| Filas (listas) | [['id', 'name'], [1, 'Ada']] — cabecera primero, como en una hoja de cálculo |
| Con clave por la 1.ª columna | { 'KB-001': { … } } — búsquedas instantáneas por ID |
export const / export default | Módulos ES (Vite, Next.js, Node moderno) |
module.exports | CommonJS (código Node.js más antiguo) |
Con entrada JSON, Mantener la estructura JSON original convierte los objetos y arrays anidados tal cual. ¿Necesitas tipos TypeScript para los datos? Genéralos con JSON a TypeScript. Para proyectos PHP usa CSV a array PHP.
También se busca como: csv a array javascript, excel a array javascript, csv a array de objetos, json a objeto javascript, csv a objeto js, hoja de cálculo a javascript, csv a array typescript.
Herramientas que combinan con: Excel, CSV y JSON a Array JS
- Excel a JSON — Abre un libro .xlsx o pega celdas directamente desde Excel o Google Sheets y obtén JSON limpio.
- CSV a JSON — Pega CSV o TSV y obtén un array JSON de objetos.
- Generador de datos ficticios — Crea hasta 10 000 filas de datos de prueba realistas —usuarios, productos, pedidos, direcciones, empresas o registros API anidados— o diseña tu propio esquema.
- JSON a Excel — Convierte un array JSON en un libro de Excel real.