El método add() en objetos Set de ECMAScript 6 te permite añadir elementos únicos a una colección y encadenar múltiples inserciones en una sola línea. Si estás aprendiendo JavaScript moderno, dominar esta función te ayudará a manipular conjuntos de datos sin duplicados de forma limpia y eficiente.

Cómo funciona el método add() en un Set de JavaScript

La lógica detrás de add() es simple: agrega un nuevo elemento al objeto Set sobre el cual lo invocas. Para empezar, creas una instancia con new Set() y luego usas el método para insertar valores uno por uno.

El flujo básico se ve así:

• Declara una constante e inicialízala con new Set().
• Llama a list.add('item one') para insertar el primer elemento.
• Repite con más elementos según necesites.
• Imprime el resultado con console.log(list) para verificar el contenido.

Al ejecutar el código, obtienes un Set con los tres ítems agregados, sin duplicados y en el orden de inserción.

¿Qué es un Set en JavaScript? Es una estructura de datos introducida en ECMAScript 6 que almacena valores únicos de cualquier tipo. A diferencia de un array, no permite elementos repetidos.

Cómo encadenar múltiples add() en una sola línea

Una de las ventajas del método add() es que retorna el propio Set, lo que te permite encadenar llamadas. En lugar de escribir línea por línea, puedes hacer algo como list.add('item two').add('item three') y mantener el código más compacto.

Este patrón resulta útil cuando necesitas inicializar un conjunto con varios valores conocidos sin recurrir a bucles ni a estructuras intermedias.

Por qué ECMAScript 6 marcó un antes y un después en JavaScript

ECMAScript 6 se publicó en junio de 2015 y desde entonces JavaScript recibe actualizaciones anuales. Por eso se considera una actualización mayor: introdujo herramientas que hoy son la base de frameworks y librerías modernas.

Entre las características que llegaron con esta versión destacan:

• let y const para manejar el scope a nivel de bloque.
• Arrow functions con una sintaxis más amigable para definir funciones.
• Template literals para concatenar cadenas con interpolación y soporte multilínea.
• Parámetros por defecto que simplifican el manejo de argumentos en funciones.
• Spread operator para extraer elementos de arrays y objetos.
• Promises para trabajar con código asíncrono de forma más legible.
• Classes que ofrecen una sintaxis más clara para la programación orientada a objetos.
• Generators que permiten pausar y reanudar la ejecución de funciones.
• Sets con métodos como add() para gestionar colecciones únicas.

Gracias a estas incorporaciones, JavaScript se consolidó como uno de los lenguajes más utilizados en el desarrollo web y en el ecosistema de programación en general.

¿Por qué se llama ECMAScript 6 una actualización mayor? Porque introdujo cambios sustanciales en la sintaxis y nuevas estructuras como classes, promises, generators y Sets, que transformaron la forma de escribir JavaScript desde 2015.

Qué viene después de ES6 en la evolución del lenguaje

Cada versión posterior a ES6 ha sumado mejoras incrementales, muchas enfocadas en rendimiento y optimización interna. No siempre se traducen en ejemplos visibles en el código, pero impactan en cómo el motor de JavaScript procesa la lógica.

En la siguiente clase exploraremos las novedades de ECMAScript 7 y cómo seguir el ritmo de los cambios que llegan año tras año. Si ya probaste el método add() en tu editor, cuéntame en los comentarios qué otros usos le darías a un Set en tus proyectos.