Методы массивов JavaScript: изучение карты, forEach, фильтрации, сокращения и поиска

В JavaScript функция map— это мощный метод, позволяющий перебирать массив и преобразовывать каждый элемент на основе предоставленной функции обратного вызова. Он создает новый массив с результатами применения функции обратного вызова к каждому элементу исходного массива. Вот объяснение функции mapи некоторых других связанных с ней методов в JavaScript:

  1. map: функция mapпринимает функцию обратного вызова в качестве аргумента и применяет ее к каждому элементу массива. Он возвращает новый массив с результатами функции обратного вызова.

Пример:

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map((num) => num * 2);
console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]
  1. forEach: функция forEachпозволяет выполнить предоставленную функцию один раз для каждого элемента массива. Однако он не создает новый массив с результатами.

Пример:

const numbers = [1, 2, 3, 4, 5];
numbers.forEach((num) => console.log(num));
// Output: 1 2 3 4 5 (printed individually)
  1. filter: функция filterсоздает новый массив со всеми элементами, отвечающими заданному условию.

Пример:

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter((num) => num % 2 === 0);
console.log(evenNumbers); // Output: [2, 4]
  1. reduce: функция reduceприменяет функцию обратного вызова для уменьшения массива до одного значения. Он перебирает массив, накапливая результат каждой итерации.

Пример:

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, num) => accumulator + num, 0);
console.log(sum); // Output: 15
  1. find: функция findвозвращает первый элемент массива, который удовлетворяет предоставленной функции тестирования.

Пример:

const numbers = [1, 2, 3, 4, 5];
const foundNumber = numbers.find((num) => num > 3);
console.log(foundNumber); // Output: 4