Arrays y objetos: crear, leer, modificar

Almacena varios valores en arrays, describe entidades con objetos, y luego aprende a leerlos y modificarlos.

8 min · 3 preguntas

Hasta ahora, cada variable contenía un solo valor. Un array es una lista ordenada de valores, escrita entre corchetes [ ], con los valores separados por comas. Cada valor ocupa una posición numerada llamada índice. Cuidado: la numeración empieza en 0. El primer elemento está por tanto en el índice 0, el segundo en el índice 1, y así sucesivamente. La propiedad length da el número de elementos.

const fruits = ["apple", "banana", "cherry"];

console.log(fruits[0]);     // Prints: apple
console.log(fruits[2]);     // Prints: cherry
console.log(fruits.length); // Prints: 3

Un array es fácil de modificar. El método push(...) añade un elemento al final; un método es una función asociada a un valor, que llamas con un punto. Y la notación fruits[0] = ... reemplaza el elemento en el índice indicado.

const fruits = ["apple", "banana"];

fruits.push("cherry"); // Adds at the end
fruits[0] = "pear";    // Replaces the first one
console.log(fruits);
// Prints: ["pear", "banana", "cherry"]

Un objeto agrupa varias piezas de información relacionadas como pares clave: valor, entre llaves { }. La clave es un nombre, como la etiqueta de un campo, y el valor es el dato asociado. Es perfecto para describir una entidad cotidiana: una persona, un producto, una película... Lees o modificas una propiedad con un punto, por ejemplo user.name, y puedes añadir una nueva propiedad en cualquier momento.

const user = {
  name: "Léa",
  age: 28
};

console.log(user.name); // Prints: Léa
user.age = 29;          // Modifies the property
user.city = "Lyon";     // Adds a property
console.log(user.age);  // Prints: 29
console.log(user.city); // Prints: Lyon

Prueba de conocimientos

Comprueba que has retenido los puntos clave de esta lección.

1. ¿Cómo se lee el primer elemento de un array llamado fruits?
   • fruits[1]
   • fruits[0]
   • fruits.first
2. ¿Qué método añade un elemento al final de un array?
   • push()
   • add()
   • append()
   • insert()
3. ¿Cómo se lee la propiedad name del objeto user?
   • user.name
   • name.user
   • user->name