JavaScript — один из самых популярных языков программирования в мире разработки веб-приложений и приложений, который в настоящее время широко используется и за пределами браузера. Популярность Node.js за последние несколько лет открыла возможности для серверной разработки Java, Ruby, Python, PHP и более традиционных серверных языков с интерфейсом на основе JavaScript.
Youtube-версия также доступна ниже.
В последнее время в перерывах между разработками я замечаю, что эти 6 методов часто используются много раз между разработками.
- filter() — для фильтрации данных
- map() — для доступа к данным
- find() — найти определенные данные
- some() — получить тест некоторых данных
- every() – получить тест для всех данных
- 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, и скоро будет еще несколько.
__Рохит Бхадани