Способы итерации по массивам JavaScript

Методы итерации по массивам JavaScript

Цель данной статьи состоит в понимании различных возможных способов перебора массивов JavaScript.

Объявление массива

const arr=[‘kiwi’,’dragon’,’orange’,’apple’,’pomegranate’];const sal=[2200,5000,2100,1500,3700,4300];let sal_incr=[]

Цикл for()

Цикл for является итеративным оператором, он проверяет некоторые условия, а затем выполняет блок кода повторно до тех пор, пока эти условия выполняются.

console.log(“Циклы для массивов”)for (let i=0;i<arr.length;i++){    console.log(arr[i])}

Вывод:

Цикл for..in

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

console.log(“Циклы for..in для массивов”)for (let i in arr){    console.log(arr[i])}

Вывод:

Цикл for..of

Цикл for..of перебирает итерируемые объекты, но в отличие от цикла for..in, который возвращает ключи, цикл for..of возвращает сами элементы.

console.log(“Циклы for..of для массивов”)for (let item of arr){    console.log(item)}

Вывод:

Цикл forEach()

Метод forEach() вызывает функцию (функцию обратного вызова) один раз для каждого элемента массива.

console.log(“Цикл forEach() для массивов”)arr.forEach((i)=>{    console.log(i)})

Вывод:

Еще один пример.

const sal=[2200,5000,2100,1500,3700,4300];let sal_incr=[]//напишите функцию для реализации увеличения заработной платыsal.forEach(function(sal){    sal_incr.push(sal+sal*.05)})//выведите увеличенную зарплатусal_incr.forEach((inc)=>{    console.log(`увеличенная зарплата ${inc}`)})

Вывод:

Цикл while()

Цикл while используется для вычисления условия, заключенного в круглые скобки (). Если условие истинно, код внутри цикла while выполняется. Если оно ложно, цикл завершается.

console.log(“Цикл while для массивов”)let i=0; //переменная циклаwhile (i<arr.length){    console.log(arr[i])    i++;}

Вывод:

Цикл do…while()

Цикл do…while практически идентичен циклу while, за исключением того, что он выполняет тело цикла перед оценкой условия для последующих выполнений. Это означает, что тело цикла всегда выполняется как минимум один раз.

console.log("Цикл do while для массивов")let j=0;do {    console.log(arr[j]);    j++;}while (j<arr.length);

Вывод:

map()

map() позволяет нам перебирать массив и изменять его элементы. Метод map() создает новый массив, выполняя функцию для каждого элемента массива.

console.log("Метод map() для массивов");arr.map((item) =>{    console.log(item)})

Вывод:

Тот же пример увеличения зарплаты с использованием map()

let incr= sal.map(function(sal) {    return sal+sal*.05;});//перебираем увеличенные зарплатыincr.forEach((incr) =>{    let msg=`увеличенная зарплата ${incr}`    console.log(msg)});

Вывод:

Сводка:

  • определение пустого массива и непустого массива.
  • 7 способов перебора массивов.