两个对象数组筛选出不同

有这么一个需求

实现当点击左侧全选时，右侧列表项勾选自动清除

现有对象数组A和对象数组B：

其中数组A ：

[ { id: 1, name: '校花' },  { id: 2, name: '校草' },  { id: 3, name:
> '班花' }, { id: 4, name: '班草' } ] 其中数组B [ { id: 126455, classId: 1,
> name: '十大歌手' },  { id: 116415, classId: 1, name: '打个盹' },  { id:
> 153455, classId: 1, name: '分隔符' }, { id: 176455, classId: 1, name:
> '仓储部' }, ]

其中 数组A的对象id对应数组B的对象classId
那么依据判断是否id === classId 相等，来删除已经整个栏目勾选过的列表选中项

   concat_obj_arr(arA, arB) {
      let result = [];
      for (var i = 0; i < arA.length; i++) {
        var arAi = arA[i];
        var propA = arAi.classId;
        var flag = false;
        for (var j = 0; j < arB.length; j++) {
          var arBj = arB[j];
          var propB = arBj.id;
          if (propB == propA) {
            flag = true;
            break;
          }
        }
        if (!flag) {
          result.push(arAi);
        }
      }
      console.log(result);
 }