javascript - 在 javascript 中按项目的属性过滤列表

Question

我可以通过这个过滤一个纯列表:

var list = [1, 2, 3, 4, 5, 1, 3]

function list_filter(list, value) {

  return list.filter(function (item) {
    if (item === value) {
      return true
    }
  })

}

console.log(list_filter(list, 1))  // there will print `[1, 1]`

但我对过滤器有进一步的要求，如下所示:

var a = [

  {a:'1', b:"2", c:3, d: {id:'d1'}},
  {a:'1', b:"2", c:3, d: {id:'d2'}},
  {a:'1', b:"2", c:3, d: {id:'d1'}},
  {a:'1', b:"2", c:3, d: {id:'d3'}},
  {a:'1', b:"2", c:3, d: {id:'d3'}},
  {a:'1', b:"2", c:3, d: {id:'d4'}}
]

我想通过 item.d.id 过滤列表

我想这样list_filter:

function list_filter(list, 'd.id', value) ... // the value is the filter id

或:

function list_filter(list, ['d', 'id'], value) ... 

我的意思是，

list_filter(a, ['d', 'id'], 'd1') 

获取过滤后的列表。 ['d', 'id'] 可能是 ['d', 'e', 'id'] 或更长。

Answer 1

您可以在 .filter 中使用 reduce 来标识目标值:

var a=[{a:'1',b:"2",c:3,d:{id:'d1'}},{a:'1',b:"2",c:3,d:{id:'d2'}},{a:'1',b:"2",c:3,d:{id:'d1'}},{a:'1',b:"2",c:3,d:{id:'d3'}},{a:'1',b:"2",c:3,d:{id:'d3'}},{a:'1',b:"2",c:3,d:{id:'d4'}}];
const list_filter = (arr, keyArr, value) => (
  arr.filter(obj => (
    value === keyArr.reduce((currObj, key) => currObj[key], obj)
  )
));

console.log(list_filter(a, ['d', 'id'], 'd3'));