javascriptオブジェクトに動的に追加する際に重複するエントリをチェックする方法は？

Question

私はこのAngularJSサービスを持っています。

demoService.getDemoData($scope.countEP).then(function (data) { 
       console.log(data); 
       for (var i = 0; i < data.length; i++) { 
        $scope.allEditorPicks.push(data[i]); 
       } 
      }); 

この場合、allEditorPicksは、コードの先頭に次のように定義した配列です。

$ scope.allEditorPicks = [];

私はこのアレイを使用していて、これらのデータを印刷するとき、配列に同じ項目があります。複製する。ですから、既存のアイテムをチェックしてallEditorPicks配列に追加する方法が必要です。これをforループの中で行う必要があります。 forループ内に別のループを追加して、allEditorPicks配列を読み込んでチェックしました。しかし、それはうまくいきません。

demoService.getDemoData($scope.countEP).then(function (data) { 
       console.log(data); 
       for (var i = 0; i < data.length; i++) { 
        for (var j = 0; j < $scope.allEditorPicks.length; j++) { 
         if ($scope.allEditorPicks[j].itemName == data[i].itemName) { 
          console.log("Item Exists") 
         } else { 
          $scope.allEditorPicks.push(data[i]); 
         } 
        } 
       } 
      }); 

これは私が試した解決策です。このコードを実行すると、ブラウザがフリーズして動作しなくなりました。私に解決策を教えてください。

Answer 1

最初に配列をitemNameでソートし、順序に従って複製を削除します。

data = data.sort(function(a,b){ 
return a.itemName - b.itemName; 
}); 

for (var i = 0; i < data.length; i++) { 
    if(data[i].itemName === data[i++].itemName){ 
     console.log("Item Exists"); 
    }else { 
     $scope.allEditorPicks.push(data[i]); 
    }   
} 

Answer 2

これを試してみてください：

demoService.getDemoData($scope.countEP).then(function (data) { 
    for(let i = 0; i < data.length; i++){ 
    let found = $scope.allEditorPicks.find(elt => { 
     return elt.itemName === data[i].itemName; 
    }); 
    if(!found){ 
     $scope.allEditorPicks.push(data[i]); 
    } 
    } 
}) 

の