К содержанию

Массивы и циклы

Как хранить список, читать его элементы и повторять действия.

также в основах веб-разработки

На этой странице

Массив хранит упорядоченный список значений. У каждого элемента есть номер - индекс. Нумерация начинается с нуля: индекс 0 у первого элемента, 1 у второго. Это правило языка, а не количество элементов.

main.js
const fruits = ["Яблоко", "Апельсин", "Слива"];
 
console.log(fruits[0]); // "Яблоко"
console.log(fruits.length); // 3

Массив можно изменять по индексу. const не запрещает менять его содержимое:

main.js
fruits[2] = "Груша";
console.log(fruits); // ["Яблоко", "Апельсин", "Груша"]

Повторяем действие

Цикл выполняет блок кода несколько раз. for удобен, когда счётчик нужен для индекса или когда заранее известен диапазон.

main.js
for (let index = 0; index < fruits.length; index++) {
  console.log(index, fruits[index]);
}

В заголовке for три части: начальное значение счётчика, условие продолжения и шаг после каждого прохода. Здесь цикл начинается с 0, повторяется, пока индекс меньше длины массива, и каждый раз увеличивает индекс на 1. Когда индекс станет равен длине, условие перестанет выполняться и цикл завершится.

while продолжает работу, пока условие истинно. Переменную, меняющую условие, нужно обновлять внутри цикла.

main.js
let number = 3;
 
while (number > 0) {
  console.log(number);
  number--;
}

number-- уменьшает значение на единицу. Если забыть это сделать, условие останется истинным и цикл не остановится. Такой цикл называют бесконечным; он может подвесить вкладку браузера.

Выбирайте for, когда удобно управлять счётчиком, и while, когда повторение зависит от условия. Следующая статья объясняет методы массивов, которые выполняют типичные задачи без ручного счётчика. Справочник: массивы и циклы.