ECMAScript 12, lanzado en junio de 2021, suma funcionalidades pequeñas pero muy útiles para escribir JavaScript más limpio y legible. Aquí te muestro dos de ellas con ejemplos prácticos: los separadores numéricos y el método replaceAll, ambos pensados para tareas cotidianas como manejar cifras grandes o transformar textos.

¿Qué son los separadores numéricos en JavaScript?

Los numeric separators permiten escribir números largos de forma legible usando un guion bajo como divisor visual. Cuando trabajas con cifras financieras, métricas o cualquier dato numérico extenso, contar ceros uno por uno se vuelve un dolor de cabeza.

La idea es simple: separas los bloques del número con _ y JavaScript lo interpreta como si no estuviera ahí.

javascript const value = 1_000_000_000; console.log(value); // 1000000000

Fíjate que al imprimir value, el resultado no cambia. El guion bajo es solo una ayuda visual para ti, no afecta el valor ni la forma en que JavaScript computa la operación [2:00].

¿Los separadores numéricos cambian el valor del número? No. Son únicamente una mejora visual. Al ejecutar el código, JavaScript ignora los guiones bajos y trabaja con el número completo.

¿Cuándo conviene usar separadores numéricos?

Estos casos son los que más se benefician:

• Aplicaciones financieras con montos grandes.
• Constantes de configuración con valores en milisegundos.
• Cifras estadísticas o de métricas de negocio.
• Cualquier número donde contar dígitos sea propenso a errores.

La regla mental: si tu equipo tarda más de un segundo en leer una cifra, agrega separadores.

¿Cómo funciona el método replaceAll en JavaScript?

El método replaceAll reemplaza todas las apariciones de un texto dentro de un string por otro valor. Antes de ECMAScript 12, tenías que usar expresiones regulares o varios replace encadenados para lograr el mismo efecto.

Ahora basta con pasarle dos argumentos: lo que buscas y lo que quieres poner en su lugar [3:30].

javascript const string = "JavaScript es un maravilloso lenguaje de programación"; const replaceString = string.replaceAll("JavaScript", "TypeScript"); console.log(replaceString); // "TypeScript es un maravilloso lenguaje de programación"

El primer argumento es la palabra que se busca dentro del texto. El segundo es el valor por el que se reemplaza. Y aquí viene lo interesante: no importa de dónde venga el string, puede ser de una API, un archivo Markdown o una variable local, mientras tengas el texto en formato string puedes aplicar el método.

¿Qué diferencia hay entre replace y replaceAll? El método replace solo cambia la primera coincidencia que encuentra, mientras que replaceAll reemplaza todas las apariciones del texto buscado en una sola llamada.

¿En qué casos reales aplicar replaceAll?

Algunos escenarios donde este método te ahorra líneas de código:

• Transformar contenido traído desde una API antes de mostrarlo en pantalla.
• Convertir archivos Markdown en HTML reemplazando símbolos.
• Sanitizar entradas de usuario eliminando caracteres no permitidos.
• Cambiar términos de marca o nomenclatura en bloques de texto.

¿Por qué importa conocer las nuevas características de ECMAScript?

JavaScript se usa en prácticamente todo lo que hacemos en la web: ver una película, leer un correo, interactuar con otra persona o gestionar archivos. Cada versión de ECMAScript suma herramientas que hacen tu código más expresivo y menos propenso a errores.

Los separadores numéricos y replaceAll son ejemplos de mejoras pequeñas pero que aparecen una y otra vez en el día a día. Dominar estas funciones te permite escribir menos, comunicar más claramente la intención de tu código y evitar trucos antiguos que ya no son necesarios.

¿En qué proyecto crees que te resultaría útil aplicar replaceAll o los separadores numéricos? Cuéntamelo en los comentarios y nos vemos en la siguiente clase para seguir explorando ECMAScript 12.