dr.Brain

doctor Brain

мир глазами веб-разработчика

JavaScript: поиск элементов массива

находим нужный элемент массива с помощью фильтрации в JavaScript

dr.Brain

время чтения 1 мин.

Photo by Blake Verdoorn on Unsplash

Представьте, что Вы участвуете в разработке интернет-магазина, и существует необходимость отбирать товары по ценовому диапазону и производителю.

const products = [
    { name: "iPhone 13", price: 999, brand: "Apple" },
    { name: "Galaxy S21", price: 799, brand: "Samsung" },
    { name: "iPad Air", price: 599, brand: "Apple" },
    { name: "Pixel 6", price: 699, brand: "Google" },
];

const filters = {
    minPrice: 500,
    maxPrice: 800,
    brand: "Samsung"

Для решения поставленной задачи используйте метод filter(), который отдает новый массив с элементами, соответсвующими условиям функции.

Проверьте: находится ли product.price в диапазоне, установленном filter.minPrice и filter.maxPrice и соответствует ли product.brand значению filter.brand. Если все условия соблюдены, товар включается в результирующий новый массив ]filteredProducts:

const filteredProducts = products.filter(product => {
    return product.price >= filters.minPrice && 
           product.price <= filters.maxPrice &&
           product.brand === filters.brand;
});

Еще больше информации о вариантах использования метода filter() читайте на MDN.


Спасибо за внимание.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.