如何使用多個參數過濾對象數組

Question

我希望能夠通過多個參數過濾數據數組：

const data = [{
    userId: '7',
    id: '1',
    title: 'quo provident culpa',
    body: "a",
    completed: true
  },
  {
    userId: '7',
    id: '2',
    title: 'natus commodi et',
        body: "a",
    completed: true
  },
  {
    userId: '1',
    id: '3',
    title: 'voluptatem et reprehenderit',
    body: "c",
    completed: false
  }
];

const query = {
  title: 'l',
  body: 'a'
}

我試過這個：

const filterData = (data, query) => {
  return data.filter(rec => {
    return Object.keys(query)
      .find(key => rec[key] === query[key])
  })
}

console.log(filterData(data, query))

我的解決方案不太有效，因為它返回至少滿足一個參數的任何對象。 在上面的例子中，我得到了這個返回：

[{
  body: "a",
  completed: true,
  id: "1",
  title: "quo provident culpa",
  userId: "7"
}, {
  body: "a",
  completed: true,
  id: "2",
  title: "natus commodi et",
  userId: "7"
}]

但我真正想要的是通過部分匹配字符串只返回滿足兩個條件（ title和body ）的內容。 像這樣：

{
  userId: '7',
  id: '1',
  title: 'quo provident culpa',
  completed: true
}

我知道 find() 方法返回滿足條件的第一個元素，但這是我能得到的最接近的元素，因為我希望它

Answer 1

您可以使用Array#every過濾所需的參數，並僅使用String#includes進行檢查。

 const data = [{ userId: '7', id: '1', title: 'quo provident culpa', body: "a", completed: true }, { userId: '7', id: '2', title: 'natus commodi et', body: "a", completed: true }, { userId: '1', id: '3', title: 'voluptatem et reprehenderit', body: "c", completed: false }], query = { title: 'l', body: 'a' }, filterData = (data, query) => data.filter(rec => Object.entries(query).every(([k, v]) => rec[k].toString().includes(v)) ); console.log(filterData(data, query));

Answer 2

如果您只需要第一次出現，只需將filter替換為find 。

const filterData = (data, query) => {
  return data.find(rec => {
    return Object.keys(query)
      .find(key => rec[key] === query[key])
  })
}

編輯：您可以將filter與every結合起來，如下所示：

const filterData = (data, query) => {
  return data.filter((item) => {
    return Object.keys(query).every((key) => {
      return (item[key] + '').includes(query[key] + '');
    }, true);
  });
}