防止在Angular中的数组中推送重复对象

Question

我有一个子组件，它通过@Input()父组件（对象数组）接收数据。我映射该数据并将对象推送到来自 ngOnChanges 钩子中的输入数据数组的每个对象的新数组中。我的目标是防止重复对象被推入新数组。每次 ngOnChanges 触发时，都会将新对象推送到admins数组中。我尝试some在 if 语句中使用方法，但没有帮助。这是我的 OnChanges 钩子：ngOnChanges() {  this.adminsGroup.map(a => {    this.authService.getSpecUser(a.user).subscribe(      data => {        data.position = a.permissions;        this.admins.push(data);      }    )  });}所以我想确保在推送之前没有数组data。this.admins任何帮助，将不胜感激。

Answer 1

检查数据中的特定属性说“id”的唯一性。

if (!this.admins.some(el => el.id === data.id)) {

  this.admins.push(data);

}

Answer 2

如果数据有一个唯一的 ID，你可以这样做：

let foundAdmin = this.admins.find(admin => admin.id == data.id);

if (foundAdmin == null)

    this.admins.push(data);

如果没有：

let foundAdmin = this.admins.find(admin => JSON.stringify(admin) === JSON.stringify(data));

if (foundAdmin == null)

    this.admins.push(data);