如何通过在javascript中进行比较来仅从数组中获取特定元素？

我有两个数组。第二个arrayB的某些元素与arrayA相同。现在，在比较数组之后，arrayA应该只包含那些不在arrayB中的值。请告诉我最好的方法。

let arrayA = [{ "displayName": "John" }, { "displayName": "Sandra" },{ "displayName": "Peter" }]
let arrayB = [{ "name": "Bobby" }, { "name": "John" }, { "name": "Sandra" }]

arrayA.forEach(function(cust, index) {
  arrayB.forEach(function(comp) {
    if (comp.name == cust.displayName) {
      delete arrayA[index] 
    }
  })
})
    console.log("Final"+JSON.stringify(arrayA))

Output-> Final [null，null，{“ displayName”：“ Peter”}]

过滤并仅保留另一个数组中不存在的那些

let arrayA = [{ "displayName": "John" }, { "displayName": "Sandra" },{ "displayName": "Peter" }]
let arrayB = [{ "name": "Bobby" }, { "name": "John" }, { "name": "Sandra" }]

arrayA = arrayA.filter(a =>
  !arrayB.find(b => a.displayName === b.name)
);

console.log("Final"+JSON.stringify(arrayA))