Как удалить элементы из массива с помощью объекта фильтра

Вы можете определить, присутствует ли какая-либо пара ключ-значение в фильтре в каждом объекте в массиве:

function remove(array, filter) {
  return array.filter((obj) => {
    for (const [key, value] of Object.entries(filter)) {
      if (obj[key] === value) return false;
    }
    return true;
  });
}

const products = [
  { size: "M", color: "blue" },
  { size: "S", color: "blue" },
  { size: "L", color: "red" },
  { size: "S", color: "red" },
  { size: "L", color: "green" },
];

console.info(remove(products, { size: "S", color: "red" }));
// [ { size: "M", color: "blue" }, { size: "L", color: "green" } ]

console.info(remove(products, { size: "S" }));
// [ { size: "M", color: "blue" }, { size: "L", color: "red" }, { size: "L", color: "green" } ]

console.info(remove(products, { size: "S", color: "red", type: "dress" }));
// [ { size: "M", color: "blue" }, { size: "L", color: "green" } ]

вы можете использовать some, чтобы вернуть true, если хотя бы одно из условий существует и не равно фильтру.
вы даже можете использовать x[k] вместо x.hasOwnProperty(k), если гарантировано, что будут ключи, указывающие на значения с ложными значениями (undefined,null,0..,'').
Также MDN рекомендует Object.hasOwn вместо Object.hasOwnProperty, если ваша среда (браузер/узел) поддерживает это.

function remove (array, filter) {
  return array.filter((x) => Object.entries(filter).some(([k,v]) => x.hasOwnProperty(k) && x[k] !== v))
}

const products = [
  { size: 'S', color: 'blue' },
  { size: 'L', color: 'red' },
  { size: 'S', color: 'red' },
  { size: 'L', color: 'green' },
]

console.info(remove(products, { size: 'S', color: 'red' }))
console.info(remove(products, { size: 'S' }))
console.info(remove(products, { size: 'S', color: 'red', type: 'dress' }))

.as-console-wrapper { max-height: 100% !important; top: 0; }

редактировать решить проблему

remove(products, { type: 'dress' }) удаляет все, что не должно

теперь я отфильтровываю поля из записей фильтра, которые существуют в объекте, чтобы проверить и вернуть весь массив, если записи фильтра пусты

function remove (array, filter) {
  return array.filter((x,i) => {
    const entries =  Object.entries(filter).filter(([k,_]) => x.hasOwnProperty(k))
    if (entries.length === 0) return array
    return entries.some(([k,v]) => x[k] !== v)
  })
}

const products = [
  { size: 'S', color: 'blue' },
  { size: 'L', color: 'red' },
  { size: 'S', color: 'red' },
  { size: 'L', color: 'green' },
]

console.info(remove(products, { size: 'S', color: 'red' }))
console.info(remove(products, { size: 'S' }))
console.info(remove(products, { size: 'S', color: 'red', type: 'dress' }))
console.info(remove(products, { type: 'dress' }))
console.info(remove(products, {}))

.as-console-wrapper { max-height: 100% !important; top: 0; }

Как насчет этого, фильтры переменных будут возвращать массив логических значений соответствующего фильтра [true, false, true] и т. д. Затем просто верните элемент обратного массива, если он включен в переменную фильтров false

const products = [
    { id: 1, size: 'S', color: 'blue', type: 'dress' },
    { id: 2, size: 'L', color: 'red', type: 'dress' },
    { id: 3, size: 'S', color: 'red', type: 'dress' },
    { id: 4, size: 'L', color: 'green', type: 'shirt' },
  ]

const filter1 = { size: 'S', color: 'red' }

const filter2 = { size: 'S' }

const filter3 = { size: 'S', color: 'red', type: 'dress' }

const remove = (products, filter) => {
    return products.filter(product => {
        const filters = Object.keys(filter).map(prop => {
            return filter[prop] === product[prop]
        })
        return filters.includes(false)
    })
}

const result1 = remove(products, filter1)
const result2 = remove(products, filter2)
const result3 = remove(products, filter3)

console.info(result1)
console.info(result2)
console.info(result3)

Я думаю, что вы правы, ключом к решению вашей проблемы является правильная реализация функции, которая может решить, следует ли удалить или сохранить элемент на основе переданных значений ключа, и которая должна иметь возможность динамически обрабатывать ваши требования.

Вот одно предложение по этому поводу:

const shouldkeep = kvs => obj => {
  for (const k in kvs)
    if (k in obj && obj[k] !== kvs[k]) 
      return true
  return false
}
const remove = (array, filter) => array.filter(shouldkeep(filter))

const products = [
  { size: 'S', color: 'blue' },
  { size: 'L', color: 'red' },
  { size: 'S', color: 'red' },
  { size: 'L', color: 'green' },
] 

console.info(remove(products, { size: 'S', color: 'red' }))
console.info(remove(products, { size: 'S' }))
console.info(remove(products, { size: 'S', color: 'red', type: 'dress' }))

Несколько замечаний по поводу этой реализации:

• идея функции shouldkeep заключается в том, что она перебирает ключи вашего объекта фильтра и возвращает true (что означает «сохранять») только в том случае, если она проходит через все ключи без полностью совпадающих значений.
• этот синтаксис shouldkeep = kvs => obj => может показаться странным, но на самом деле он очень полезен. Это называется каррированием и означает, что вы можете применить к функции один аргумент и получить функцию, которая ожидает следующий аргумент. При этом вы можете сделать что-то вроде products, {size: 'S'}), и он вернет функцию, которую вы можете использовать в качестве параметра для filter. Аккуратный!