С точки зрения непрофессионала, поймите, что делают методы отображения, сокращения, фильтрации, некоторые и все, и когда их использовать.

Поэтому время от времени, проводя обзоры кода, я часто обнаруживал, что разработчики используют функции JavaScript, такие как отображение, сокращение, фильтрация, некоторые взаимозаменяемые для итерации по массиву.

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

Итак, сегодня мы пройдемся по каждому из них и постараемся простым языком понять, что делает каждый из методов и когда их использовать.

Для нашей цели я создал простой массив, над которым мы будем выполнять операции.

let arr = [1, 2, 3, 4, 5];
  1. карта: используется, когда необходимо изменить каждый элемент массива.
let mappedArr = arr.map((elem) => {
return elem * 2;
});
console.log(mappedArr); // [ 2, 4, 6, 8, 10 ]

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

2. reduce: используется для сокращения массива до одного значения.

let reducedArr = arr.reduce((acc, elem) => {
return acc + elem;
}, 0);
console.log(reducedArr); // 15

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

3. фильтр: этот метод используется для получения нового массива, отфильтрованного на основе определенных условий.

let filteredArr = arr.filter((elem) => {
return elem % 2 === 0;
});
console.log(filteredArr);

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

4. some: эта функция возвращает логическое значение на основе условия, заданного внутри функции. Как следует из названия, даже если одно из условий истинно, оно возвращает истинное значение.

let someArr = arr.some((elem) => {
return elem % 2 === 0;
});
console.log(someArr); // true

Здесь мы проверяем, является ли какой-либо из элементов массива четным или нет, используя некоторую функцию.

5. every: Согласно названию и в противоположность тому, что делают некоторые, каждая функция вернет true, только если все элементы соответствуют определенному условию, указанному в функции.

let everyArr = arr.every((elem) => {
return elem % 2 === 0;
});
console.log(everyArr); // false

Здесь, поскольку некоторые элементы нечетные, а некоторые четные, мы получаем ложь.

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

Тем не менее, если есть какая-то путаница. дайте мне знать в разделе комментариев, а также вы можете предложить, хотите ли вы, чтобы я написал на какую-либо конкретную тему. 🍺

Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Получите эксклюзивный доступ к возможностям написания и советам в нашем сообществе Discord.