Какие бывают перебирающие методы для массивов в js?

Question

Andrey G · Accepted Answer

### map
Метод ```.map``` проходит по массиву, выполняя необходимые преобразования каждого элемента.  
Возвращает новый преобразованный массив такого же размера, что и исходный.
```javascript
const letters = ['a', 'b', 'c', 'd'];
const upperLetters = letters.map((letter) => letter.toUpperCase());

console.log(upperLetters); // => ['A', 'B', 'C', 'D']
```
[Отображение (map)](https://ru.hexlet.io/courses/js-functions/lessons/map/theory_unit)

### filter  
Метод ```.filter``` отбирает из массива элементы, удовлетворяющие нашим критериям. В качестве параметра метод принимает функцию-предикант в которой  описываются критерии для отбора. Переданная функция должна возвращать ```true``` или ```false```.  
```.filter``` возвращает новый массив с элементами, которые прошли проверку. Если ни один элемент не прошёл проверку, то будет возвращён пустой массив.
```javascript
const numbers = [10, 2, 3, 5, 9, 0, 7, 4];
const filteredNumbres = numbers.filter((n) => n >= 5 && n < 10);

console.log(filteredNumbres); // => [5, 9, 7]
```
[Фильтрация (filter)](https://ru.hexlet.io/courses/js-functions/lessons/filter/theory_unit)

### reduce 
Метод ```.reduce``` применяется, когда нужно вычислить значение на основании набора данных.
Результатом работы метода может быть любой тип данных, как примитивный, так и составной.
```javascript
const numbers = [10, 2, 3, 5, 9, 0, 7, 11];
const sum = numbers.reduce((acc, n) => acc + n, 0);

console.log(sum); // => 47
```

```javascript
const fruits = ['apples', 'bananas', 'oranges', 'apples', 'kiwi', 'apples'];

const fruitsCount = fruits.reduce((acc, fruit) => {
  const value = (acc[fruit] ?? 0) + 1;
  return {...acc, [fruit]: value};
}, {});

console.log(fruitsCount); // => {apples: 3, bananas: 1, oranges: 1, kiwi: 1}
```
[Агрегация (reduce)](https://ru.hexlet.io/courses/js-functions/lessons/reduce/theory_unit)

### some
Метод ```.some()``` перебирает исходный массив и возвращает true, если хотя бы один из элементов массива удовлетворяет нашему условию.
```javascript
const numbers = [10, 2, 3, 5, 9, 0, 7, 4];
const isEven = (n) => n % 2 === 0;
 
console.log(numbers.some(isEven)); // => true
```
### every
Метод ```.every()``` очень похож на .some(), но в отличие от первого возвращает true, только в том случае, если каждый элемент массива удовлетворяет нашему условию.
```javascript
const numbers = [10, 2, 3, 5, 9, 0, 7, 4];
const isEven = (n) => n % 2 === 0;
 
console.log(numbers.every(isEven)); // => false
```
```javascript
const numbers = [10, 8, 20, 54, 92, 2, 72, 4];
const isEven = (n) => n % 2 === 0;
 
console.log(numbers.every(isEven)); // => true
```
### includes
Метод ```.includes()``` можно использовать для проверки массива на наличие каких-либо элементов.
```javascript
const fruits = ['apples', 'bananas', 'oranges'];
 
console.log(fruits.includes('oranges')); // => true
console.log(fruits.includes('kiwi')); // => false
```

Какие бывают перебирающие методы для массивов в js?

Ответы

map

filter

reduce

some

every

includes

Каталог