js数组对象的过滤

现有两组数据，A组是已有成员，B组是所有成员。现有需求，要将未添加到已有成员（A组）的成员过滤出来。
A组：

contentA = [
	{ id: 22f157cc, name: 张三 },
	{ id: a2ac623f, name: 李四 },
]

B组：

allPersonB = [
	{ id: 22f157cc, name: 张三 },
	{ id: a2ac623f, name: 李四 },
	{ id: 52b02014, name: 王五 },
	{ id: cbfb10b6, name: 赵六 },
	{ id: 01aa7b1a, name: test },
	{ id: ba669348, name: llceshi },
]

过滤已有成员

// 过滤已有成员
    let List = contentA.map(item => {
      // debugger
      let num = allPersonB.findIndex((person, index) => {
        // debugger
        if (person.id === item.id) {
          return person
        }
      })
      // debugger
      // console.log(num,'index');
      if (num !== -1) {
        allPersonB.splice(num, 1)
        // console.log(allPersonB,'allPersonB');
      }
      return allPersonB
    })
    // console.log(list[0],'list');
    console.log(List,'List');
    console.log(List[0],'List[0]');

map() 方法返回为数组，控制台打印可以看到，每组数据都一样，取[0]项即可