需要将多个过滤器应用于JSON数据

   const resultElem = document.querySelector('#results');
    const filtersElem = document.querySelector('#filters');

    const products = [
        {
            "product_id": "0",
            "category": "electric",
            "condition": "used",
            "justIn": "true",
            "brand": "gibson",
            "year": "1952",
            "code": "456def",
            "alt": "used gibson guitar",
            "title": "Gibson ES-295 1952",
            "price": "6000.00",
            "description": "A beautiful ES-295 with wear you can't fake! The ES-295 was originally produced from 1952 to 1958 and is best known for being the model played by Scotty Moore with Elvis. This particular example plays well with a fantastic feeling neck! The guitar has heavy finish wear with the beautiful greening that you often see on '50s goldtops. Glaser has refretted the guitar and replaced the tailpiece crossbar. The pickguard is missing.",
        },
        {
            "product_id": "0",
            "category": "electric",
            "condition": "new",
            "justIn": "true",
            "brand": "yama",
            "year": "1952",
            "code": "456def",
            "img1": "../img/sale/gibson/295-1.jpg",
            "img2": "../img/sale/gibson/295-2.jpg",
            "img3": "../img/sale/gibson/295-3.jpg",
            "img4": "../img/sale/gibson/295-4.jpg",
            "alt": "yama guitar",
            "title": "new yama ES-295 1952",
            "price": "6000.00",
            "description": "A beautiful ES-295 with wear you can't fake! The ES-295 was originally produced from 1952 to 1958 and is best known for being the model played by Scotty Moore with Elvis. This particular example plays well with a fantastic feeling neck! The guitar has heavy finish wear with the beautiful greening that you often see on '50s goldtops. Glaser has refretted the guitar and replaced the tailpiece crossbar. The pickguard is missing.",
        }
    ];

    const buildResult = ({product_id: id, title, price, brand, category, condition, image1, alt}) => {
        return `<div class="gallery-card" data-brand="${brand}" data-category="${category}" data-condition="${condition}">
         <img class="more-info img-fluid" src="../${image1}" alt="${alt}" data-id="${id}">
         <h6>${title}</h6>
         <p class="text-center"><strong>$ ${price}</strong></p>
         </div>`
    };

    const filterResults = () => {
        const currentFilters = [...document.querySelectorAll('.filter')].map(filterElem => ({
            field: filterElem.dataset.field,
            value: filterElem.value
        }));

        const productsThatMatchCriteria = products.filter(product => {
            return currentFilters.every(filter => {
                return filter.value === '-1' || product[filter.field] === filter.value
            })
        });

        const resultsFormattedAtHtml = productsThatMatchCriteria.map(product => buildResult(product)).join('');

        resultElem.innerHTML = resultsFormattedAtHtml;
    };

    const loadFilters = (fields) => {
        const possibleValues = {};

        products.forEach(product => {
            fields.forEach(fieldName => {
                if (!possibleValues.hasOwnProperty(fieldName)) {
                    possibleValues[fieldName] = new Set();
                }

                possibleValues[fieldName].add(product[fieldName]);
            })
        });

        const selectors = Object.keys(possibleValues).map(fieldName => {
            return `<select class="filter" name="filter[${fieldName}]" data-field="${fieldName}">
                    <option value="-1">All</option>
                    ${[...possibleValues[fieldName]].map(option => `<option value="${option}">${option}</option>`).join('')}
                </select>`
        }).join('');

        filtersElem.innerHTML = selectors;

        document.querySelectorAll('.filter').forEach(filter => {
            filter.addEventListener('change', e => {
                filterResults();
            })
        })
    };

    loadFilters(['brand', 'year', 'condition'])
    filterResults();

<h1>Filter</h1>
<div>
    <div id="filters">

    </div>
</div>
<h2>Results</h2>
<div>
    <div id="results"></div>
</div>