如何從javascript數組中刪除重複的對象？

在我的代碼中，我創建了一個名爲array1的數組。在這個數組中，我列出了多個對象。我想過濾掉array1對象的值是唯一的，並且需要用它們各自的值對id進行分組。我加入這裏我的代碼，如何從javascript數組中刪除重複的對象？

數組1

var array1 = [ 
      { 
       value:"A", 
       id:1 
      }, 
      { 
       value:"B", 
       id:1 
      }, 
      { 
       value:"C", 
       id:2 
      }, 
      { 
       value:"B", 
       id:5 
      }, 
      { 
       value:"A", 
       id:2 
      }, 
      { 
       value:"A", 
       id:1 
      } 
     ];

這是我想要的結果，

[ 
      { 
       group:"A", 
       groupIds:[1, 2] 
      }, 
      { 
       group:"B", 
       groupIds:[1, 5] 
      }, 
      { 
       group:"C", 
       groupIds:[2] 
      } 
     ]

來源

2016-12-30 Sathya

你有搜尋SO？有一些類似的問題：http://stackoverflow.com/questions/24919074/js-group-array-values-by-groups，http://stackoverflow.com/questions/12873228/javascript-group-by-array，http ：//stackoverflow.com/questions/14446511/what-is-the-most-efficient-method-to-groupby-on-a-javascript-array-of-objects –

我搜索並嘗試過。但我在我的問題中添加的結果不是像那樣 – Sathya

您可以用數值來forEach()組對象和Set()從groupIds

var array1 = [{"value":"A","id":1},{"value":"B","id":1},{"value":"C","id":2},{"value":"B","id":5},{"value":"A","id":2},{"value":"A","id":1}] 
 

 
var result = []; 
 
array1.forEach(function(e) { 
 
    if(!this[e.value]) (this[e.value] = {group: e.value, groupIds: []}) && result.push(this[e.value]) 
 
    this[e.value].groupIds = [...new Set(this[e.value].groupIds.concat(e.id))] 
 
}, {}) 
 

 
console.log(result)

來源

2016-12-30 12:07:00

謝謝.. @nenad。 – Sathya

不客氣。 –

在普通的JavaScript，你可以使用一個哈希表和Array#indexOf唯一值。

var array = [{ value: "A", id: 1 }, { value: "B", id: 1 }, { value: "C", id: 2 }, { value: "B", id: 5 }, { value: "A", id: 2 }, { value: "A", id: 1 }], 
 
    grouped = array.reduce(function (hash) { 
 
     return function (r, a) { 
 
      if (!hash[a.value]) { 
 
       hash[a.value] = { group: a.value, groupIds: [] }; 
 
       r.push(hash[a.value]); 
 
      } 
 
      if (hash[a.value].groupIds.indexOf(a.id) === -1) { 
 
       hash[a.value].groupIds.push(a.id); 
 
      } 
 
      return r; 
 
     }; 
 
    }(Object.create(null)), []); 
 

 
console.log(grouped);

.as-console-wrapper { max-height: 100% !important; top: 0; }

來源

2016-12-30 12:04:50

使用_.groupBy和刪除重複的ID迭代對象的值

var res = _.chain(array1) 
    .groupBy('value') 
    .mapValues(function(val, key) { 
     return { 
      group: key, 
      groupIds: _.chain(val).map('id').uniq().value() 
     }; 
    }) 
    .values() 
    .value();

來源

2016-12-30 12:23:45 stasovlas

這裏還有一個在普通的JavaScript。

var hash = {} 
array1.forEach(function(e) { 
    hash[e.value] = hash[e.value] || []; 
    if (hash[e.value].indexOf(e.id) == -1) { hash[e.value].push(e.id) } 
}) 
var result = Object.keys(hash).map(function(key) { 
    return { group: key, groupIds: hash[key] } 
})

來源

2016-12-30 12:30:49 seisei

使用lodash：

_(array1) 
    .uniqWith(_.isEqual) 
    .groupBy('value') 
    .map((v, k) => ({ group: k, groupIds: _.map(v, 'id')})) 
    .value()

uniqWith()使用isEqual()刪除重複。你想要使用這種方法來比較id和value道具。
groupBy()創建一個對象，其鍵是value屬性。由於初始數組中有三個唯一值，因此此對象應具有三個鍵。
map()將對象轉回到數組中，並具有預期的group和groupIds屬性。

來源

2016-12-30 13:12:54

如何從javascript數組中刪除重複的對象？

回答

相關問題