Cómo agregar una propiedad a un objeto en JavaScript

Para agregar una nueva propiedad a un objeto de JavaScript:

1. Usa el punto (. ) notación o el corchete ([] ).
2. En la donación de puntos, utiliza el nombre del objeto seguido del punto, el nombre de la nueva propiedad, un signo igual y el valor de la nueva propiedad.
3. En la notación de corchetes, utiliza el nombre de la propiedad como clave entre corchetes seguido de un signo igual y el valor de la nueva propiedad.

Un objeto de JavaScript es una colección de pares clave-valor llamados propiedades. A diferencia de las matrices, los objetos no proporcionan un índice para acceder a las propiedades.

Puedes usar el punto (. ) notación o el corchete ([] ) notación para acceder a los valores de propiedad.

const foods = { burger: '🍔', pizza: '🍕' };

// Dot Notation
console.log(foods.burger); // 🍔

// Square Bracket Notation
console.log(foods['pizza']); // 🍕

La forma más sencilla y popular es usar la notación de puntos para agregar un nuevo par clave-valor. a un objeto:

foods.custard = '🍮';

console.log(foods);
// { burger: '🍔', pizza: '🍕', custard: '🍮' }

Alternativamente, también podría usar la notación de corchetes para agregar un nuevo elemento:

foods['cake'] = '🍰';

console.log(foods);
// { burger: '🍔', pizza: '🍕', cake: '🍰' }

Como puede ver arriba, cuando agrega un elemento nuevo a un objeto, generalmente se agrega al final del objeto.

Para obtener más información sobre objetos, prototipos y clases de JavaScript, lea este artículo.