Циклы в JavaScript: как пройтись по всем элементам массива

Часто в процессе написания кода на JavaScript возникает необходимость обработать каждый элемент массива. Это может быть необходимо, например, при создании списка покупок, когда нужно вывести на экран каждый товар отдельно. В этом случае код может выглядеть примерно так:

let shoppingList = ["Яблоки", "Бананы", "Молоко"];

В JavaScript есть несколько способов обработать каждый элемент массива.

Цикл for

Один из наиболее распространенных способов — использование цикла for. Это классический способ обхода массива. Вот как это можно сделать:

let shoppingList = ["Яблоки", "Бананы", "Молоко"];

for (let i = 0; i < shoppingList.length; i++) {
    console.log(shoppingList[i]);
}

Здесь i — это индекс текущего элемента, shoppingList.length — это длина массива (количество элементов в нем), а console.log(shoppingList[i]) — это действие, которое выполняется для каждого элемента.

Цикл for…of

Еще один вариант — использование цикла for...of. Этот цикл удобен тем, что позволяет работать с самими элементами массива, а не с их индексами. Вот пример его использования:

let shoppingList = ["Яблоки", "Бананы", "Молоко"];

for (let item of shoppingList) {
    console.log(item);
}

Здесь item — это текущий элемент массива, а console.log(item) — это действие, которое выполняется для каждого элемента.

Курсы по программированию

Помогаем получить новую профессию с гарантией трудоустройства!

Подробнее

Метод forEach

Массивы в JavaScript имеют встроенный метод forEach, который тоже позволяет итерироваться по каждому элементу. Вот как он работает:

let shoppingList = ["Яблоки", "Бананы", "Молоко"];

shoppingList.forEach(function(item) {
    console.log(item);
});

Этот метод принимает функцию, которую он затем вызывает для каждого элемента массива. В эту функцию передается сам элемент массива.

В зависимости от конкретной задачи, можно использовать любой из этих способов. Важно понимать, как они работают, и уметь применять их на практике.

Тест на профориентацию

За 10 минут узнайте, как ваш опыт пригодиться в IT индустрии

Подробнее