Todo desarrollador conoce la tarea: llega una lista — de una hoja de cálculo, un correo, un documento de especificaciones — y la necesitas como array de JavaScript, entrecomillada y con sus comas, sin perder diez minutos en buscar y reemplazar. Este formateador de arrays JavaScript lo hace en un solo pegado: un elemento por línea o separados por comas, y sale un array limpio con el estilo de comillas y el formato que elijas.
Los escapes se hacen bien: si un elemento contiene el carácter de comilla que elegiste, o una barra invertida, se escapa para que el array que pegues en tu código se interprete exactamente como quieres. Todo funciona en tu navegador.
Por qué esta mini herramienta ahorra tiempo de verdad
Convertir una lista en un array a mano falla en tres sitios concretos. Las comillas: si falta una, el archivo no se interpreta; si eliges la clase equivocada para una cadena con apóstrofo, se rompe en otro sitio. Las comas: al último elemento no le toca coma en unas guías de estilo y sí en otras (las comas finales dejan diffs limpios, por eso existe la opción). Los espacios fantasma: los elementos copiados de hojas de cálculo arrastran espacios finales y líneas vacías que pasan a ser parte de tus datos en silencio. El formateador recorta cada elemento, descarta las líneas vacías, escapa lo que haya que escapar y cuenta el resultado, para que lo que llegue a tu código sea exactamente la lista de partida.
Un ejemplo resuelto
Pega una lista de la compra, un elemento por línea, elige el formato vertical con comillas simples, y ['manzana', 'plátano', 'cereza', 'fruta del dragón'] se convierte en un array vertical ordenado, listo para un archivo de configuración. Activa la opción de declaración y llegará como const items = [...], sin teclear nada más. Si tu fuente es una sola línea con comas («rojo, verde, azul»), la herramienta lo detecta y separa por comas igualmente.
Qué opción en cada caso
Comillas. Las que pida el linter de tu proyecto: simples por defecto en JavaScript; dobles si tus datos están llenos de apóstrofos (menos escapes que leer). Un elemento por línea conviene en listas largas y en todo lo que viva en control de versiones: un elemento cambiado, una línea de diff. En línea conviene en listas cortas dentro de código compacto. La coma final es segura en todos los motores modernos y facilita las ediciones futuras. La declaración ahorra un paso cuando el array va directo a un archivo nuevo.
Límites honestos
Este formateador produce un array de cadenas. Si tu lista es de números y los necesitas sin comillas, eso es otra conversión: pegar números como cadenas en código que espera números es un fallo silencioso clásico, así que la herramienta no finge adivinarlo. Tampoco elimina duplicados: los elementos repetidos son asunto de tus datos, y borrarlos en silencio podría ocultar un problema de la lista original. Y como todas las herramientas de esta página, funciona en local: pega listas internas de opciones, flags de funcionalidades o segmentos de clientes sin que salgan de tu equipo.
Preguntas frecuentes
¿Y si un elemento contiene una coma?
Usa la entrada de un elemento por línea: en ese modo, las comas dentro de un elemento forman parte del elemento. El modo separado por comas no puede distinguir una coma separadora de una coma de dato — ninguna herramienta puede, sin más información.
¿Gestiona las comillas dentro de los elementos?
Sí. Un apóstrofo dentro de un elemento con comillas simples se escapa (it\'s), igual que una comilla doble dentro de comillas dobles, y las barras invertidas se duplican primero para que los escapes existentes sobrevivan al viaje.
¿Puedo crear un array de números o booleanos?
Aquí no: la salida son siempre cadenas, a propósito, porque adivinar tipos corrompe datos (la cadena “007” no es el número 7). Formatea aquí las cadenas y convierte los tipos en tu código, donde se ve lo que pasa.
¿Mi lista se sube a algún sitio?
No. Se divide, se entrecomilla y se une en la pestaña de tu navegador.
Herramientas relacionadas
English version: JavaScript Array Formatter — Turn Any List into a JS Array Online. También te puede interesar: Formateador de Consultas SQL — Da Formato a tu SQL Online y Gratis.
Inserta esta herramienta en tu web — gratis
Copia el código de abajo para añadir esta herramienta funcional a tu propia página. Solo pedimos que mantengas el pequeño enlace de crédito que la acompaña.