如何在JS中使用数组过滤对象数组？[副本]

Question

我希望你今天过得愉快。

这很直截了当。我有一个对象数组，我想在另一个数组的帮助下过滤掉它。场景如下所示：

var ob_array = [
                  {'a' : 1, 'col_2' : 'abc'},
                  {'a' : 2, 'col_2' : 'xyz'},
                  {'a' : 3, 'col_2' : 'jkl'}
                 ];

var my_array = [1, 2];

预期输出：

var my_array = [
                 {'a' : 3, 'col_2' : 'jkl'}
               ]

尝试过的方法：

#1:

ob_array.filter(function(i){
   my_array.forEach(function(q){
      i['a'] == q
   })
});

#2:

ob_array.filter(function(i){
   for(var j in my_array){
      i['a'] == j;
   }
});

我主要倾向于使用过滤功能，因为我喜欢它。感谢您查看我的这个小问题。我感谢你的时间和努力。

Answer 1

使用过滤器和包含

var ob_array = [
                  {'a' : 1, 'col_2' : 'abc'},
                  {'a' : 2, 'col_2' : 'xyz'},
                  {'a' : 3, 'col_2' : 'jkl'}
                 ];

var my_array = [1, 2];

const res = ob_array.filter(({a}) => !my_array.includes(a));

console.log(res)

Answer 2

数组过滤器接受一个谓词，即返回true或false的回调。

你不返回布尔结果从你的谓词回调，你的代码可以修改如下返回false如果元素与关键a存在于my_array或true否则：

js lang-js prettyprint-override">var ob_array = [{
    'a': 1,
    'col_2': 'abc'
  },
  {
    'a': 2,
    'col_2': 'xyz'
  },
  {
    'a': 3,
    'col_2': 'jkl'
  }
];

var my_array = [1, 2];

const res = ob_array.filter(function(i) {
  for (var j of my_array) {
    if (i['a'] === j) {
      return false;
    }
  }
  return true;
});

console.log(res);

Answer 3

您可以使用Array.includes，而不是迭代my\u Array：

js prettyprint-override">var ob_array = [{
    'a': 1,
    'col_2': 'abc'
  },
  {
    'a': 2,
    'col_2': 'xyz'
  },
  {
    'a': 3,
    'col_2': 'jkl'
  }
];

var my_array = [1, 2];

console.log(ob_array.filter(ob => !my_array.includes(ob.a)))