如何使用对象过滤对象数组

Question

我想通过另一个数组的项目过滤一个对象数组。这是我的物品清单：const list = ["first", "second", "third"]这个数组可以是空的，有一个，两个或三个 itens...例如：const list = []const list = ["first"]let list = ["first", "third"]所以，我需要使用我的状态list来过滤我myArr2的。const myArr2 = [  {    id: "1",    language: "portuguese",    status: "first"      },  {    id: "2",    language: "portuguese",    status: "first"      },  {    id: "3",    language: "portuguese",    status: "second"      },  {    id: "4",    language: "portuguese",    status: "third"      },        {    id: "5",    language: "portuguese",    status: "second"      },      ]如果我list的是：const list = [ "first", "third" ]输出必须是：const myArr2 = [  {    id: "1",    language: "portuguese",    status: "first"      },  {    id: "2",    language: "portuguese",    status: "first"      },  {    id: "4",    language: "portuguese",    status: "third"      },      ]如果我list的是：const list = [ "first" ]输出必须是：const myArr2 = [  {    id: "1"    language: "portuguese"    status: "first"      },  {    id: "2"    language: "portuguese"    status: "first"      }  }等等...我制作了这段代码但无法正常工作：Object.entries(list).forEach(status => {  myArr2.filter(item => {    if(item.status === status){      return item    }  })})我究竟做错了什么？有人可以帮助我吗？

Answer 1

您正在以我将要说的相反方式进行操作。您需要检查 myArr2 中的每个项目是否具有列表数组中存在的状态。你可以这样做 -

正确的代码 -

let myArr2 = [

  {

    id: "1",

    language: "portuguese",

    status: "first"    

  },

  {

    id: "2",

    language: "portuguese",

    status: "first"    

  },

  {

    id: "3",

    language: "portuguese",

    status: "second"    

  },

  {

    id: "4",

    language: "portuguese",

    status: "third"    

  },      

  {

    id: "5",

    language: "portuguese",

    status: "second"    

  },      

];

const list = [ "first", "third" ]

myArr2 = myArr2.filter(item => list.includes(item.status))

console.log(myArr2)

你的方法有误

Object.entries(list).forEach(status => {

  myArr2.filter(item => {

    if(item.status === status){

      return item

    }

  })

})

在上述方法中，您将遍历列表中的第一个元素（即first）。因此，它将过滤掉所有myArr2状态不为第一的项目。

在下一次迭代中，您将检查列表中的第二个元素（即second）。所以，现在它会进一步过滤掉所有myArr2状态不为的项目second。由于没有元素同时具有 first 和 second 的状态，因此您的代码可能会将结果数组作为空数组返回。

注意：您需要将返回的新数组分配myArr2给某个变量。该filter方法不会就地过滤掉元素。因此，由于您还没有这样做，如果您尝试通过控制台日志记录来检查它，您的代码可能会为您提供原始数组本身。

filter() 您可以在此处阅读更多信息。

Answer 2

你可以过滤数组。如果元素是您的过滤器列表的一部分（indexOf != -1），请检查此项。

function filterArray(arr, list) {

    return arr.filter(el => {

        return list.indexOf(el.status)!=-1;

    });

}

const myArr2 = [

  {

    id: "1",

    language: "portuguese",

    status: "first"    

  },

  {

    id: "2",

    language: "portuguese",

    status: "first"    

  },

  {

    id: "3",

    language: "portuguese",

    status: "second"    

  },

  {

    id: "4",

    language: "portuguese",

    status: "third"    

  },      

  {

    id: "5",

    language: "portuguese",

    status: "second"    

  },      

]

list1 = []

list2 = ["first"]

list3 = ["first", "third"]

console.log(filterArray(myArr2, list3));

console.log(filterArray(myArr2, list2));

console.log(filterArray(myArr2, list1));

Answer 3

您可以解构status并检查是否list包含此值。

result = myArr2.filter(({ status }) => list.includes(status));