Пусть у нас дан вот такой массив:
let arr = [1, 2, 3, 4, 5];
Давайте выведем в консоль все его элементы по очереди:
let arr = [1, 2, 3, 4, 5];
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]);
console.log(arr[4]);
Давайте теперь сделаем так, чтобы мы не вручную выводили каждый элемент, а это сделал за нас цикл.
Запустим цикл for от 0 до 4
и внутри этого цикла будем выводить элементы
массива, обращаясь к ним как arr[i]:
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i <= 4; i++) {
console.log(arr[i]);
}
Давайте теперь сделаем так, чтобы цикл сам
определял, сколько итераций ему сделать.
Сейчас условием окончания цикла служит команда
i <= 4.
Откуда мы взяли эту четверку? Это количество
элементов массива (пять) минус один. Почему
мы отнимаем один? Потому что нумерация элементов
начинается с нуля. То есть в нашем массиве
5 элементов и последний элемент имеет
номер 4.
Как вы уже знаете из предыдущих уроков, длину
массива можно получить вот так: arr.length.
Давайте подставим эту длину в условие, отняв
от нее единицу по описанным выше причинам:
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i <= arr.length - 1; i++) {
console.log(arr[i]);
}
Теперь наш цикл получился универсальным и автоматически может перебирать массивы любой длины.
Можно не отнимать единицу, а вместо <=
сделать <:
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]); // выведет 1, 2, 3, 4, 5
}
Дан массив с элементами 'a', . С
помощью цикла 'b',
'c', 'd', 'e'for выведите все эти
элементы на экран.
В следующем коде программист вывел в консоль все элементы массива:
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i <= arr.length; i++) {
console.log(arr[i]);
}
В коде, однако, была допущена ошибка, которая
привела к тому, что в последней итерации
цикла почему-то выводится undefined,
а не элемент массива. Исправьте ошибку программиста.
Объясните, в чем он был не прав.
Перебор массива и if
Внутри цикла for можно использовать
условие if. Давайте, например, при
переборе массива, будем выводить в консоль
только элементы с четными числами:
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
if (arr[i] % 2 == 0) {
console.log(arr[i]);
}
}
Дан массив с элементами 1, 2,
3, 4, 5. С помощью цикла
for и оператора if выведите
в консоль нечетные элементы массива.
Нахождение суммы элементов
Давайте найдем в цикле сумму элементов массива.
Для этого введем переменную (назовем ее result)
для накопления результата, подобно тому,
как мы делали в предыдущих уроках:
let result = 0;
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
result += arr[i];
}
console.log(result);
Дан массив с элементами 1, 2,
3, 4, 5. С помощью цикла
for найдите произведение элементов
этого массива.
Дан массив с элементами 1, 2,
3, 4, 5. С помощью цикла
for найдите сумму квадратов элементов
этого массива.
Задачи
Дан массив с элементами 2, 5,
9, 15, 1, 4.
С помощью цикла for и оператора if
выведите в консоль те элементы массива, которые
больше 3-х, но меньше 10.
Дан массив с числами. Числа могут быть положительными и отрицательными. Найдите сумму положительных элементов массива.
Дан массив arr. Найдите среднее арифметическое
его элементов (сумма делить на количество).
Проверьте задачу на массиве с элементами
1, 2, 3, 4, 5.
Дан массив числами, например:
let arr = [10, 20, 30, 50, 235, 3000];
Выведите на экран только те числа из массива,
которые начинаются на цифру 1, 2
или 5.
Дан массив с числами. Выведите элементы этого массива в обратном порядке.
Дан массив с числами. С помощью цикла выведите на экран все элементы, значение которых совпадает с их порядковым номером в массиве.
Дан массив с числами. С помощью цикла for
и функции document.write выведите
каждый элемент массива с новой строки. Используйте
для этого тег br.
Дан массив с числами. С помощью цикла for
и функции document.write выведите
каждый элемент массива в отдельном абзаце.
Составьте массив дней недели. С помощью цикла
for выведите все дни недели, а выходные
дни выведите жирным.
Составьте массив дней недели. С помощью
цикла for выведите все дни недели,
а текущий день выведите курсивом.
Номер текущего дня должен храниться в переменной
day.