Question

我有一个这种形式的对象数组：

[
  { id:"123", url:"example1.com"},
  { id:"123", url:"example2.com"},
  { id:"456", url:"example3.com"},
  { id:"789", url:"example4.com"},
]

我正在寻找一种快速执行的方法来过滤此数组以仅保留具有唯一ID的对象，在这种情况下，输出应为：

[
  { id:"123", url:"example1.com"},
  { id:"456", url:"example3.com"},
  { id:"789", url:"example4.com"},
]

我使用双循环来比较我的对象，但是在大阵列上它的速度很慢......有没有人有一个好的解决方案？

Answer 1

看到这个小提琴：http://jsfiddle.net/afnvqj49/

我只使用一个for循环并在对象中保存已处理的密钥。

var a = [
  { id:"123", url:"example1.com"},
  { id:"123", url:"example2.com"},
  { id:"456", url:"example3.com"},
  { id:"789", url:"example4.com"},
];

var b = [];
var t = {};
for(var i = 0; i < a.length; i++){
    if(t[a[i].id]){
        continue;
    }
    t[a[i].id] = true;
    b.push(a[i]);
}

console.log(b);

仅保留每个ID的第一个条目

Answer 2

var distinct = function(input, keyExtractor){
   var seen = {}, result = [];
   for(var i = 0, l = input.length; i < l; ++i){
      var key = keyExtractor(input[i]);
      if(seen.hasOwnProperty(key)) {
         continue;
      }
      result.push(input[i]);
      seen[key] = 1;
   }
   return result;
}

var test = [
      { id:"123", url:"example1.com"},
      { id:"123", url:"example2.com"},
      { id:"456", url:"example3.com"},
      { id:"789", url:"example4.com"},
    ];

var u = distinct(test, function(a) { return a.id; });

Answer 3

var reserved = [];
var arr = [
  { id:"123", url:"example1.com"},
  { id:"123", url:"example2.com"},
  { id:"456", url:"example3.com"},
  { id:"789", url:"example4.com"},
];

var result = arr.filter(function(item) {
  var has = ~reserved.indexOf(item.id);
  (!has && reserved.push(item.id));
  return !has;
});

Answer 4

您可以使用Array.filter（请参阅MDN），例如

var filtered = [
    { id:"123", url:"example1.com"},
    { id:"123", url:"example2.com"},
    { id:"456", url:"example3.com"},
    { id:"789", url:"example4.com"},
   ].filter( function (v) { 
              return !this[v.id] ? (this[v.id] = true) : false; }, 
            {});

Answer 5

window.idHolder = [];   //its better not to use window object and instead use bind.
var arr = [
  { id:"123", url:"example1.com},
  { id:"123", url:"example2.com},
  { id:"456", url:"example3.com},
  { id:"789", url:"example4.com},
];

var uniqueArr = arr.filter(function(val)
{
if(window.idHolder.indexOf(val.id)!=-1)
{
return false;
}
else
{
window.idHolder.push(val.id);
return true;
}

});

独特的arr会有您要求的内容

Answer 6

由于有很多好的答案，我只是想把它扔进去玩。

使用underscore's groupBy和地图方法的单行。

_.map(_.groupBy(yourarray,function(element) { return element.id }),function(element) { return element[0] });

PD：当它们都正确时，是否习惯于赞成几个答案？也许我在不知不觉中打破了礼仪。

Javascript：数组中具有唯一键的对象

6 个答案: