008. Propiedades dinámicas de los objetos

En estos últimos capítulos hemos estado viendo nuevas características que han venido al estándar de Javascript, como los iteradores, los iterables, los generadores, los proxies…

Hoy vamos a ver una nueva característica, propia de los objetos, que son las propiedades dinámicas, o también como se conoce en inglés, las computed properties.

Hay veces, donde cuando estamos desarrollando tenemos la necesidad de crear propiedades al vuelo de manera dinámica de un objeto.

Tenemos un nuevo mecanismo que crea las propiedades en un objeto.

Lo vemos mejor en un ejm de como se construye a posteriori propiedades.

Ejm

const objUsuarios = {};
console.log(objUsuarios);

const usuarios = ["Francisco", "Bea", "Inés", "Angel"];

usuarios.forEach((usuario, index) => objUsuarios[`id_${index}`] = usuario);
console.log(objUsuarios);

Veamos un ejm de construir en el objeto propiedades dinámicas con la notación de los corchetes.

Ejm completo

let aleatorio = Math.round(Math.random() * 100 + 5);

const objUsuarios = {
  [`id_${aleatorio}`]: "Valor aleatorio",
};
console.log(objUsuarios);

const usuarios = ["Francisco", "Bea", "Inés", "Angel"];

usuarios.forEach((usuario, index) =>objUsuarios[`id_${index}`] = usuario);
console.log(objUsuarios);