JavaScript - Cómo filtrar con JS DOM?

<div id="minicarrito">

                <p id="items-cargados"><span>0</span> ítems agregados</p>

                <p  id="precio-total">$<span>0</span> es el total</p>

                <p>Filtrar por <a href="#">Categoría 1</a> | <a href="#">Categoría 2</a> | <a href="#">Categoría 3</a> | <a href="#">Categoría 4</a></p>

                <button id="ver-carrito-btn">Ver carrito</button>

            </div>

let productos = [{

        id: 1,

        nombre: 'Lápiz labial rojo',

        descripcion: 'Su textura suave y cremosa permite un aplique perfecto mientras mantiene tus labios humecatados hasta por 12 hs.',

        precio: "2.000", // Pasado a string para visualizar los 0. Cambiarlo luego

        imagen: "../img/labial.png",

        categoría: 'Cara',

    },

    {

        id: 2,

        nombre: 'Sombra de ojos',

        descripcion: 'Una paleta de colores cálidos, fríos y vibrantes para cada momento del día y ocasión.',

        precio: "3.200",

        imagen: '../img/sombra__de__ojos.png',

        categoría: 'Ojos',

    },

    {

        id: 3,

        nombre: 'Rubor rosado',

        descripcion: 'De fácil aplicación y larga duración. Deja tus mejillas con un sutil brillo.',

        precio: "1.500",

        imagen: '../img/rubor.png',

        categoría: 'Cara',

    },

    {

        id: 4,

        nombre: 'Delineador negro',

        descripcion: 'Resaltá tu mirada con un color negro, perfecto y adaptable a cualquier color de ojos.',

        precio: "1.250",

        imagen: '../img/delineador.png',

        categoría: 'Ojos',

    },

    {

        id: 5,

        nombre: 'Crema corporal de castañas',

        descripcion: 'La crema de castañas hidrata y suaviza tu piel mientras deja un rico aroma.',

        precio: "2.100",

        imagen: '../img/crema__corporal.png',

        categoría: 'Cuerpo',

    },

    {

        id: 6,

        nombre: 'Shampoo antiquiebre de castañas',

        descripcion: 'Nutrí y fortalecé tu cabello con el poder de las castañas. Sus propiedades naturales antiquebre detienen la caída del pelo.',

        precio: "2.550",

        imagen: '../img/shampoo.png',

        categoría: 'Cabello',

    },

];

//aqui le estamos indicando a Javascript que busque en el documento todos los elementos "a" que tengan como padre a un elemento "p"

const links = document.querySelectorAll('p > a');

//es recomendable que al menos el elemento padre tenga in ID, con eso evitaríamos que también clasifique a cualquier otro link que haya por ahí que también este dentro de un "p"

const filtroCategoria = (e) => {

    const category = e.target; // aqui obtenemos cada elemento individualmente al que el usuario haga click

   // luego como no tiene un ID como identificador nos valemos de el texto que contenga para saber que categoría es

    if( category.textContent == 'Categoría 1') { console.log('filtrar por categoría 1') }

    if( category.textContent == 'Categoría 2') { console.log('filtrar por categoría 2') }

    if( category.textContent == 'Categoría 3') { console.log('filtrar por categoría 3') }

    if( category.textContent == 'Categoría 4') { console.log('filtrar por categoría 4') }

}

links.forEach(element => {

    element.addEventListener('click', filtroCategoria)

})