Ejercicio 7

Estás trabajando en un sitio web de comercio electrónico que vende productos de diferentes categorías. El sitio web necesita una función que permita a los usuarios filtrar los productos según diferentes criterios, como rango de precios, categoría y color.

Se te ha asignado la tarea de implementar una función de filtrado que tome un array de productos y un objeto de criterios como parámetros y devuelva un nuevo array de productos que coincidan con los criterios dados:

Implementa la función filterProducts de acuerdo con los siguientes requisitos:

La función debe aceptar dos parámetros:
- products (array): Un array de objetos de productos. Cada objeto tiene las propiedades:
  - name (string): El nombre del producto.
  - price (number): El precio del producto.
  - category (string): La categoría del producto.
  - color (string): El color del producto.
- criteria (object): Un objeto que representa los criterios de filtrado. Puede contener las siguientes propiedades:
  - minPrice (number): El precio mínimo de los productos.
  - maxPrice (number): El precio máximo de los productos.
  - category (string): La categoría de los productos.
  - color (string): El color de los productos.

La función debe devolver un nuevo array de productos que coincidan con los criterios dados.
Si no se proporciona una propiedad de criterio o su valor es null o undefined, debe ser ignorada.
La función debe tratar los criterios como condiciones "AND", lo que significa que un producto debe cumplir todos los criterios proporcionados para ser incluido en el resultado.
Si ningún producto coincide con los criterios, la función debe devolver un array vacío.

Frontend