web-dev-qa-db-ja.com

angularjsのJavaScript配列から重複オブジェクトを削除するにはどうすればよいですか?

これは私のコードです

var studentsList = [
    {"Id": "101", "name": "siva"},
    {"Id": "101", "name": "siva"},
    {"Id": "102", "name": "hari"},
    {"Id": "103", "name": "rajesh"},
    {"Id": "103", "name": "rajesh"},
    {"Id": "104", "name": "ramesh"},
];

function arrUnique(arr) {
    var cleaned = [];
    studentsList.forEach(function(itm) {
        var unique = true;
        cleaned.forEach(function(itm2) {
            if (_.isEqual(itm, itm2)) unique = false;
        });
        if (unique)  cleaned.Push(itm);
    });
    return cleaned;
}

var uniqueStandards = arrUnique(studentsList);

document.body.innerHTML = '<pre>' + JSON.stringify(uniqueStandards, null, 4) + '</pre>';

出力

[
{
    "Id": "101",
    "name": "siva"
},
{
    "Id": "102",
    "name": "hari"
},
{
    "Id": "103",
    "name": "rajesh"
},
{
    "Id": "104",
    "name": "ramesh"
}
]

上記のコードでは、JavaScript配列から一意のオブジェクトを取得しましたが、重複するオブジェクトを削除したいです。だから、配列から重複オブジェクトなしで取得したい、[{"Id": "102"、 "name": "hari"}、{"Id": "104"、 "name": "ramesh"のような出力}]

これをチェックして

    var uniqueStandards = UniqueArraybyId(studentsList ,"id");

    function UniqueArraybyId(collection, keyname) {
              var output = [], 
                  keys = [];

              angular.forEach(collection, function(item) {
                  var key = item[keyname];
                  if(keys.indexOf(key) === -1) {
                      keys.Push(key);
                      output.Push(item);
                  }
              });
        return output;
   };
16

これかも? (最もパフォーマンスの高い実装ではありませんが、仕事は完了します):

var studentsList = [
  {Id: "101", name: "siva"},
  {Id: "101", name: "siva"},
  {Id: "102", name: "hari"},
  {Id: "103", name: "rajesh"},
  {Id: "103", name: "rajesh"},
  {Id: "104", name: "ramesh"},
];

var ids = {};

studentsList.forEach(function (student) {
  ids[student.Id] = (ids[student.Id] || 0) + 1;
});

var output = [];
studentsList.forEach(function (student) {
  if (ids[student.Id] === 1) output.Push(student);
});

console.log(output);

編集:より高速な方法学生がIdで注文されている場合

var studentsList = [
  {Id: "101", name: "siva"},
  {Id: "101", name: "siva"},
  {Id: "102", name: "hari"},
  {Id: "103", name: "rajesh"},
  {Id: "103", name: "rajesh"},
  {Id: "104", name: "ramesh"},
];

var output = [];
studentsList.reduce(function (isDup, student, index) {
  var nextStudent = studentsList[index + 1];
  if (nextStudent && student.Id === nextStudent.Id) {
    return true;
  } else if (isDup) {
    return false;
  } else {
    output.Push(student);
  }

  return false;
}, false);

console.log(output);
3
maxdec

Javascriptのfilterメソッドを使用できます。

上記の問題の解決策は this fiddleにあります。純粋なjavascriptを使用しており、サードパーティのオーバーヘッドがないため、このソリューションのパフォーマンスは向上します。

app.controller('myCntrl',function($scope){

    var seen = {};
    //You can filter based on Id or Name based on the requirement
    var uniqueStudents = studentsList.filter(function(item){
    if(seen.hasOwnProperty(item.Id)){
        return false;
    }else{
        seen[item.Id] = true;
        return true;
    }
});
    $scope.students = uniqueStudents;

});

その他の詳細が必要な場合はお知らせください。

1
Varun
var unique = arr.filter(function(elem, index, self) {
    return index === self.indexOf(elem);
})
1
Mehdi Daustany

重複した要素を検出して削除し、重複のない要素を提供するコントローラーを次に示します。このコントローラーを使用するだけです

$scope.names= studentsList.reduce(function(array, place) {
         if (array.indexOf( studentsList.name) < 0) 
                array.Push( studentsList.name );
         else
                array.splice(array.indexOf( studentsList.name), 1);
         return array;
}, []);

これがあなたのケースに役立つことを願っています

0
Thinker

ライブラリlodashおよびメソッドuniqBy()を使用できます

0
Le Quang