Массивы и объекты: создание, чтение, изменение

Храни несколько значений в массивах, описывай сущности объектами, а затем научись их читать и изменять.

8 мин · 3 вопросов

До сих пор каждая переменная хранила одно значение. Массив - это упорядоченный список значений, записанный в квадратных скобках [ ], где значения разделены запятыми. Каждое значение занимает пронумерованную позицию, которую называют индексом. Внимание: нумерация начинается с 0. Значит, первый элемент находится по индексу 0, второй - по индексу 1, и так далее. Свойство length даёт количество элементов.

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

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

Массив легко изменять. Метод push(...) добавляет элемент в конец; метод - это функция, привязанная к значению, которую вызывают через точку. А запись fruits[0] = ... заменяет элемент по указанному индексу.

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"]

Объект объединяет несколько связанных сведений в виде пар ключ: значение в фигурных скобках { }. Ключ - это имя, как подпись у поля, а значение - связанные с ним данные. Это отлично подходит, чтобы описать сущность из повседневной жизни: человека, товар, фильм... Свойство читают или изменяют через точку, например user.name, и новое свойство можно добавить в любой момент.

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

Проверка знаний

Убедись, что запомнил ключевые моменты этого урока.

1. Как прочитать первый элемент массива с именем fruits?
   • fruits[1]
   • fruits[0]
   • fruits.first
2. Какой метод добавляет элемент в конец массива?
   • push()
   • add()
   • append()
   • insert()
3. Как прочитать свойство name объекта user?
   • user.name
   • name.user
   • user->name