Легендарные методы Array в JavaScript | Часть 2: уменьшить, некоторые и каждый

ForEach, Filter, Find, Map, Reduce, Some и Every — все это методы массива JavaScript, которые используются для управления массивами и выполнения над ними различных операций. В этом блоге мы рассмотрим, что делает каждый из этих методов, как их можно использовать и почему они полезны для веб-разработчиков.

В этом блоге я буду обсуждать сокращение, некоторые и каждый.

.уменьшить 🔼

Метод reduce используется для сокращения массива до одного значения. Это единственное значение может иметь любой тип данных, например число, строку, объект или даже другой массив. Метод reduce работает путем перебора массива и обновления «нарастающей суммы» при каждой итерации.

Например, допустим, у вас есть список 💰 расходов, и вы хотите найти общую потраченную сумму. Для этого вы можете использовать метод reduce:

let expenses = [
  { category: 'groceries', amount: 50 },
  { category: 'entertainment', amount: 30 },
  { category: 'transportation', amount: 20 },
  { category: 'utilities', amount: 40 },
  { category: 'rent', amount: 1000 }
];

let totalExpense = expenses.reduce((sum, expense) => sum + expense.amount, 0);
console.log(totalExpense);
/*
1140
*/

В этом примере метод reduce перебирает массив expenses и обновляет переменную sum при каждой итерации. Переменная sum начинается с 0, и с каждой итерацией сумма текущего расхода добавляется к sum. Конечным результатом является общая потраченная сумма, равная 1140.

.некоторые🤔

Метод some используется для проверки, удовлетворяет ли хотя бы один элемент массива определенному условию. Условие определяется в функции обратного вызова, которую вы предоставляете в качестве аргумента. Метод some возвращает true, если хотя бы один элемент массива удовлетворяет условию, и false в противном случае.

Например, допустим, у вас есть список 📚 книг, и вы хотите проверить, имеет ли хотя бы одна книга рейтинг 5 звезд. Для этого вы можете использовать метод some:

let books = [
  { title: 'The Great Gatsby', stars: 4 },
  { title: 'To Kill a Mockingbird', stars: 5 },
  { title: 'Pride and Prejudice', stars: 4 },
  { title: 'The Lord of the Rings', stars: 5 },
  { title: 'The Hobbit', stars: 4 }
];

let hasFiveStarBook = books.some(book => book.stars === 5);
console.log(hasFiveStarBook);
/*
true
*/

В этом примере метод some перебирает массив books и проверяет, имеет ли хотя бы одна книга 5 звезд. Если хотя бы одна книга имеет 5 звезд, метод some возвращает true, а если нет, то возвращает false. В этом случае результат равен true, потому что есть по крайней мере одна книга с рейтингом 5 звезд.

.каждый 💯

Метод every используется для проверки того, все ли элементы массива удовлетворяют определенному условию. Условие определяется в функции обратного вызова, которую вы предоставляете в качестве аргумента. Метод every возвращает true, если все элементы массива удовлетворяют условию, и false в противном случае.

Например, если у вас есть список товаров 🛍️ и вы хотите проверить, все ли они есть в наличии, вы можете использовать метод every:

let products = [
  { name: '🍎', inStock: true },
  { name: '🍌', inStock: false },
  { name: '🥕', inStock: true },
  { name: '🍩', inStock: true },
  { name: '🍆', inStock: false }
];

let areAllProductsInStock = products.every(product => product.inStock === true);
console.log(areAllProductsInStock);
/*
false
*/

Метод every перебирает массив products и проверяет, все ли продукты имеют значение inStock, равное true. Если все продукты имеют значение inStock, равное true, метод every возвращает true. Если хотя бы один продукт имеет значение inStock, равное false, метод every возвращает false. В этом случае результат будет false, потому что не все товары есть на складе.