Notación de corchetes

¿Notaste algo diferente en el ejemplo del diccionario?

let catsFavoriteFood = {
  'Cupcake': 'pescado',
  'Rodolfo': 'hamburguesa',
  'Copito': 'crema agria'
};

let printFavoriteFood = function (name) {
  return 'Mi comida favorita es ' + catsFavoriteFood[name];
};

console.log(printFavoriteFood('Copito'));
// Muestra: Mi comida favorita es crema agria

Antes accedíamos a las propiedades con un punto. Aquí usamos corchetes, como al leer un arreglo: catsFavoriteFood[name]. También se puede. Esta forma se llama notación de corchetes, y la del punto se llama notación de punto. ¡Qué originales somos al poner nombres!

La notación de corchetes es más flexible. Por ejemplo, permite leer una propiedad cuyo nombre está guardado en una variable:

let name = 'Cupcake';
let catsFavoriteFood = { 'Cupcake': 'pescado' };

console.log(catsFavoriteFood.name); // Muestra: undefined

console.log(catsFavoriteFood[name]); // Muestra: pescado

El primer mensaje muestra undefined porque el objeto no tiene una propiedad llamada name. El segundo muestra el valor que buscamos: entre corchetes se evalúa la variable y se usa su valor como clave.

console.log(catsFavoriteFood[name]);
// Equivale a usar el valor de name como clave:
console.log(catsFavoriteFood['Cupcake']);

Una sorpresa más: las claves pueden ser cualquier cadena, incluso una con espacios. No podremos acceder a esas propiedades con la notación de punto, pero sí con corchetes.

let cat = { 'favorite food': 'Crema agria' };

// Produce un error
console.log(cat.favorite food);

// Funciona correctamente
console.log(cat['favorite food']);

Por cierto, ¿por qué pusimos los diccionarios al principio del programa y fuera de la función? Sus valores no dependen de los parámetros ni del objeto de una computadora en particular. Son reglas para todo el programa y podemos usarlas en otras funciones y operaciones. Si los declaráramos dentro de la función, se crearían de nuevo cada vez que la llamáramos.

¿Por qué podemos acceder a ellos desde dentro de la función? Por las reglas de alcance: el código de la función puede acceder a esos objetos declarados fuera de ella. Estudiaremos el alcance con más detalle en otros capítulos.

Ya tenemos los diccionarios y sabemos usarlos. Ahora podemos calcular el precio de la computadora en una sola expresión. Modificaremos getPrice para agregar los nuevos cálculos.