JavaScript — один из самых популярных языков программирования в мире разработки веб-приложений и приложений, который в настоящее время широко используется и за пределами браузера. Популярность Node.js за последние несколько лет открыла возможности для серверной разработки Java, Ruby, Python, PHP и более традиционных серверных языков с интерфейсом на основе JavaScript.

Youtube-версия также доступна ниже.

https://youtu.be/3n3rQAlglzE

В последнее время в перерывах между разработками я замечаю, что эти 6 методов часто используются много раз между разработками.

  1. filter() — для фильтрации данных
  2. map() — для доступа к данным
  3. find() — найти определенные данные
  4. some() — получить тест некоторых данных
  5. every() – получить тест для всех данных
  6. reduce() — чтобы получить итог/результат

Рассмотрим подробное, но краткое объяснение этих методов с примерами.

Пример данных:

const items = [
{название: "Велосипед", цена: 100},
{название: "Телевизор", цена: 200},
{название: "Альбом", цена: 10 },
{название: "Книга", цена: 5},
{название: "Телефон", цена: 500},
{название: "Компьютер", цена: 1000},
{название: 'Клавиатура', цена: 30 },
]

1. фильтр()

  • Метод filter() создает массив, заполненный всеми элементами массива, прошедшими проверку (предоставленными в виде функции или выражения).
  • Примечание: filter() не выполняет функцию для элементов массива без значений, а также filter() не изменяет исходный массив.

Пример :

const filteresItems = items.filter((item) =› {
return item.price ‹= 500
})

2. карта ()

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

Пример :

const mappedItems = items.map((item) =› {
return item.name
})

3. найти()

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

Пример:

const findItem = items.find((item) =› {
return item.name === ‘Велосипед’
})

4. некоторые ()

  • Метод some() проверяет, проходит ли какой-либо из элементов массива проверку (предоставленную в виде функции или выражения).
  • Метод some() выполняет функцию один раз для каждого элемента, присутствующего в массиве: если он находит элемент массива, где функция возвращает истинное значение, some() возвращает true (и не проверяет остальные значения). В противном случае он возвращает false
  • Примечание: метод some() не выполняет функцию для элементов массива без значений, а также метод some() не изменяет исходный массив.

Пример:

const hasSomeInexpensiveItem = items.some((item) =› {
return item.price › 1000
})

5. каждый()

  • Метод Every() проверяет, проходят ли все элементы массива проверку (предоставленную в виде функции или выражения).
  • Метод Every() выполняет функцию один раз для каждого элемента, присутствующего в массиве: если он находит элемент массива, в котором функция возвращает ложное значение, то Every() возвращает ложное значение (и не проверяет остальные значения)
    Если false не происходит, каждый() возвращает true
  • Примечание: функция Every() не выполняет функцию для элементов массива без значений, а также метод Every() не изменяет исходный массив.

Пример:

const hasEveryInexpensiveItem = items.every((item) =› {
return item.price ‹ 1001
})

6. уменьшить ()

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

Пример:

const total = items.reduce((currentTotal, item) =› {
return item.price + currentTotal
}, 0)

Спасибо, что прочитали всю историю!

Это моя первая статья на Medium, и скоро будет еще несколько.

__Рохит Бхадани