vue でのオブジェクト配列の重複排除

test() {
      let arr = [
                    {"tid": "1476441758236913665", "state": 1, "orderNumber": "HK-2020050065"},
                    {"tid": "1476442625975496706", "state": 1, "orderNumber": "HK-2020060223"},
                    {"tid": "1476442749619384321", "state": 1, "orderNumber": "HK-2020060223"},
                    {"tid": "1476443010194714625", "state": 1, "orderNumber": "HK-2020060221"},
                    {"tid": "1476444086746722306", "state": 1, "orderNumber": "HK-2020060221"},
                    {"tid": "1476444379194568706", "state": 1, "orderNumber": "HK-2020060221"}
     ]
     let newArr = this.unique(arr) //调用方法
     console.log(newArr)
},
unique(arr) {
     const res = new Map();
     return arr.filter((arr) => !res.has(arr.orderNumber) && res.set(arr.orderNumber, 1))
},

重複削除の結果: