способов как можно перебрать массив В данном посте речь пойд | Типичный Awento
способов как можно перебрать массив
В данном посте речь пойдет про циклы и методы, с помощью которых модно перебрать массивы и выполнить с ним какое-то действие. Я постараюсь кратко написать про каждый способ
for
Цикл for состоит из трех выражения. Цикл будет выполняться, пока истинно условие. В нашем случае, пока index меньше длины массива.
Пример:
const array = [1,2,3,4,5,6,7,8]
for(let index = 0; index < array.length; index++){
console.log(array[index])
}
Цикл прекратит свою работу, когда index будет равен 7
while
Цикл выполняется пока заданное условие истинное.
Пример:
let index = 0;
const array = [1,2,3,4,5,6,7,8];
while (index < array.length){
console.log(array[index])
index++
}
Так же, как и в предыдущем случае, цикл прекратит свою работу, когда index будет равен 7
forEach
Метод forEach вызывает функцию один раз для каждого элемента массива в порядке
Пример:
const array = [1,2,3];
array.forEach((item, idx) => {
console.log(`${item}:${idx}`)
})
//output 1:0, 2:1, 3:2
Every
Метод every() проверяет соответствует ли каждый элемент массива заданному условию которое передано в функции.
Пример:
[1, 2, '3', 4, 5].every(elem => typeof elem === 'number'); // false
[1, 2, 3, 4, 5].every(elem => typeof elem === 'number' ); // true
Some
Метод some() проверяет, соответствует ли хоть один элемент массива заданному условию которое передано в функции.
Пример:
[1, 2, '3', 4, 5].some(elem => typeof elem === ‘string’); // true
[1, 2, 3, 4, 5].some(elem => typeof elem === 'string' ); // false
Map
Метод map() вызывает переданную функцию к каждому элементу массива один раз. При этом, он не мутирует массив, а создает новый, на основании результатов вызванной функции.
Пример:
const newArray = [1, 2, 3, 4, 5].map(item => item*2)
console.log(newArray)
// output [2, 4, 6, 8, 10]
Filter
Данный метод можно применить для фильтрации массива. Если быть точнее, то данный метод создает новый массив с элементами массива, который проходят проверку.
Пример:
const newArray = [1, 2, '3', 4, 5].filter(elem => typeof elem === 'number');
console.log(newArray)
//output: [1, 2, 4, 5]