Хотел бы я потратить больше времени на изучение этих помощников метода массива, когда я только начинал изучать Javascript. Когда я освоил эти помощники методов массива, программирование стало намного проще, а полное понимание этих методов дало мне удовольствие решать, какой метод лучше всего использовать в зависимости от случая. Я настоятельно рекомендую всем, кто только начинает программировать, или даже тем, кто не удосужился полностью разобраться в этих помощниках по методам массива, поиграться с ними и полностью изучить их! Они сделают вашу жизнь намного проще!

ФИЛЬТР

Что такое фильтр. Метод фильтрации просматривает уже имеющиеся данные, и если данные соответствуют условиям фильтра, они будут включены в новый массив. Фильтр даст вам новый массив с отфильтрованными элементами. Фильтр похож на машину, куда поступает ваше сырье, и если его условия выполняются, новый массив выплевывает!

Когда использовать фильтр. Часто, когда вы создаете панель поиска для фильтрации данных, метод фильтрации - ваш лучший выбор.

let cities= [‘Toronto’, ‘Vancouver’, ‘Nyc’, ‘Dubai’, ‘LA’, ‘Austin’];
const result = cities.filter(city => city.length > 6);
console.log(result);
// expected output: ["Toronto", "Vancouver"]

КАРТА

Что такое карта: Метод карты - наиболее часто используемый метод (или, по крайней мере, для меня). Карта вернет новый массив с результатами того же количества элементов, возвращаемых в массиве, только данные, проходящие через карту, будут каким-то образом «массироваться».

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

const famousPeople = [
 { first: 'Oprah', last: 'Winfrey', city: 'Chicago' },
 { first: 'Barack', last: 'Obama', city: 'Washington' },
 { first: 'Ariana', last: 'Grande', city: 'L.A' }
];
const fullNames = famousPeople.map(person => `${person.first} ${person.last}`);
console.log(fullNames);
// expected output: ["Oprah Winfrey", "Barack Obama", "Ariana Grande"]

УМЕНЬШИТЬ

Что такое reduce:. Reduce принимает массив и сокращает элементы до одного значения. Метод уменьшения применяет функцию к аккумулятору (который вы можете установить там, где вы хотите, чтобы аккумулятор начинался) и каждому элементу в массиве, чтобы уменьшить его до одного общего значения.

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

let array = [10, 12, 23, 34];
let arrSum = array.reduce((acc, currentVal) => (
    acc + currentVal
),0);
console.log(arrSum)
// expected output: 79

FOREACH

Что такое foreach:. Foreach будет перебирать каждый элемент в массиве. Он не вернет новый массив.

Когда использовать foreach: всякий раз, когда вы думаете перебрать массив с помощью цикла for, вы обычно можете вместо этого использовать foreach. Пока вы в порядке с изменением существующего массива. For each следует использовать, когда любой из других вспомогательных методов массива не соответствует тому, чего вы хотите достичь. Это не обязательно должно быть вашим первым выбором, потому что это скорее общий помощник, и если можно использовать что-то вроде карты или фильтра, более специализированного, это должно быть вашим первым способом.

let arr = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
let newArr = arr.forEach(day => {
     console.log(`'Day of the week': ${day}`)
});
// expected output: 
'Day of the week': Monday 
'Day of the week': Tuesday
'Day of the week': Wednesday
'Day of the week': Thursday
'Day of the week': Friday
'Day of the week': Saturday
'Day of the week': Sunday

Посетите мой канал Youtube для получения дополнительных руководств и кодовых чатов!