javascript - Angular : how to stop duplicate item push in array?

Question

这里 data console 和这个 data 插入 duplicatePushArray 但是它一旦被推我不想再推但是如果我再推我想要第二次也显示相同的消息。

例。第一次我推送 2.jpg,3.jpg 现在我再次推送 2.jpg,3.jpg 所以它显示这样的消息 2.jpg,3 .jpg 值已经被推送请更改此值 现在我再次推送 2.jpg,3.jpg 所以它显示这样的消息 2.jpg,3.jpg,2 .jpg,3.jpg 值已被推送请更改此值 但我想显示这样的消息 2.jpg,3.jpg 值已被推送请更改此值

console.log(data); // (2) [{…}, {…}]0: {imageName: "2.jpg"}1: {imageName: "3.jpg"}
duplicatePushArray : any[] = [];
constructor(private snackBar : MatSnackBar) {}      

for(var i = 0; i < data.length ; i++){
  if(this.duplicatePushArray.indexOf(data[i].imageName)) {
    this.duplicatePushArray.push(data[i].imageName);
    this.snackBar.open(this.duplicatePushArray+' '+ 'value is already pushed please change this values', '',{
      duration: 2000
    })
  }
}

Answer 1

const data = [1,2,3,4,5,6,7,1,2,3,4,1,2];
let duplicatePushArray = [];
for(let i = 0; i < data.length ; i++){
  if(duplicatePushArray.indexOf(data[i]) === -1) {
    duplicatePushArray.push(data[i]);
  } else {
    console.log(`${data[i]} is already pushed into array`);
  }
}

console.log('Final Array: ', duplicatePushArray)