Массивы JavaScript: список значений

Основная идея

Массив хранит упорядоченную последовательность. Первый элемент находится по индексу 0, а length показывает длину. В интерфейсах массивы часто представляют карточки, пункты меню или результаты поиска.

Некоторые методы изменяют исходный массив, другие возвращают новый. Push добавляет значение в тот же массив. Slice создаёт поверхностную копию выбранного диапазона. Если в элементах лежат объекты, их вложенные данные не копируются глубоко автоматически.

Пример JavaScript

const topics = ["HTML", "CSS"];
topics.push("JavaScript");
const firstTwo = topics.slice(0, 2);
console.log(topics.length, topics[0]);
console.log(firstTwo);

Исходный список теперь содержит три темы. FirstTwo содержит первые две, а исключающий конец диапазона равен индексу 2.

Частая ошибка

Самостоятельная проверка

Сделайте копию списка и измените её. Затем повторите с массивом объектов, чтобы заметить разницу между копией массива и копиями объектов.

Код здесь показан для изучения. Встроенная песочница сайта выполняет только HTML/CSS. JavaScript проверяйте в собственном учебном файле или консоли своего тестового проекта; не вставляйте непонятный код на страницах с личными данными.

Следующие темы: преобразование списков, копирование.