как сделать фильтры js

Аватар пользователя Aleksey
Aleksey
13 апреля 2023

Для создания фильтров в JavaScript можно использовать различные подходы в зависимости от конкретной задачи. Рассмотрим пару примеров:

  1. Фильтрация массива объектов по значению свойства

Допустим, у нас есть массив объектов, каждый из которых представляет собой запись о товаре в интернет-магазине. Нам нужно отфильтровать этот массив по категории товара. Можно использовать метод filter() для создания нового массива, содержащего только объекты с нужной категорией:

const products = [
  { name: 'Футболка', category: 'Одежда' },
  { name: 'Ноутбук', category: 'Электроника' },
  { name: 'Книга', category: 'Книги' },
  { name: 'Шампунь', category: 'Красота' },
];

const filteredProducts = products.filter(
  (product) => product.category === 'Одежда'
);
console.log(filteredProducts); // [{ name: 'Футболка', category: 'Одежда' }]
  1. Фильтрация массива по условию

Если нужно отфильтровать массив по какому-то условию, можно использовать тот же метод filter(), передав в него функцию-колбэк, которая будет проверять каждый элемент массива на соответствие условию:

const numbers = [1, 2, 3, 4, 5, 6];

const filteredNumbers = numbers.filter((number) => number % 2 === 0);
console.log(filteredNumbers); // [2, 4, 6]
0 0
Основы Frontend за 14 дней
  • 72 урока в онлайн-тренажере
  • 4 живых вебинара и масскодинг
  • Помощь наставника на весь период обучения

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

Система управления версиями Git, регулярные выражения и основы командой строки