过滤数组并获取第一个值作为唯一 id 的对象数组

Question

我有以下数组 例如，我只需要返回唯一 ID，因为在这个数组中我有 两次 id 1 & 3 我需要只有第一个 findigs id 的新数组，

在这个例子中，前 3 个条目，我如何将它与 maps/filter 一起使用，而不是与常规 for 一起使用

var oData = [{
  id: 1,
  ListTypeGroupDescription: 2,
  test: 111,
  test2: 222
}, {
  id: 2,
  ListTypeGroupDescription: 4,
  test: 333,
  test2: 444
}, {
  id: 3,
  ListTypeGroupDescription: 6,
  test: 666,
  test2: 777
}, {
  id:1,
  ListTypeGroupDescription: 99,
  test: 666,
  test2: 777
}, {
  id: 3,
  ListTypeGroupDescription: 99,
  test: 666,
  test2: 777
}];


var data = oData.map(
  function(obj) {
    return obj.id;
  }
);

http://jsfiddle.net/5qu0j8g0/1/

地图只返回 ID，但我需要所有对象

我需要这个新数组

var oNew = [{
  id: 1,
  ListTypeGroupDescription: 2,
  test: 111,
  test2: 222
}, {
  id: 2,
  ListTypeGroupDescription: 4,
  test: 333,
  test2: 444
}, {
  id: 3,
  ListTypeGroupDescription: 6,
  test: 666,
  test2: 777
}
]

Answer 1

您可以在使用this 处理的回调中使用Array#filter 和一个临时哈希表Object.create(null))（一个没有任何原型的真正空对象）对其进行过滤。

filter() 方法创建一个新数组，其中包含通过所提供函数实现的测试的所有元素。

var oData = [{ id: 1, ListTypeGroupDescription: 2, test: 111, test2: 222 }, { id: 2, ListTypeGroupDescription: 4, test: 333, test2: 444 }, { id: 3, ListTypeGroupDescription: 6, test: 666, test2: 777 }, { id: 1, ListTypeGroupDescription: 99, test: 666, test2: 777 }, { id: 3, ListTypeGroupDescription: 99, test: 666, test2: 777 }],
    oNew = oData.filter(function (a) {
        if (!this[a.id]) {
            this[a.id] = true;
            return true;
        }
    }, Object.create(null));

console.log(oNew);

ES6

var oData = [{ id: 1, ListTypeGroupDescription: 2, test: 111, test2: 222 }, { id: 2, ListTypeGroupDescription: 4, test: 333, test2: 444 }, { id: 3, ListTypeGroupDescription: 6, test: 666, test2: 777 }, { id: 1, ListTypeGroupDescription: 99, test: 666, test2: 777 }, { id: 3, ListTypeGroupDescription: 99, test: 666, test2: 777 }],
    oNew = oData.filter((temp => a => !temp[a.id] && (temp[a.id] = true))(Object.create(null)));

console.log(oNew);

Answer 2

Array.map 函数将返回一个与初始数组具有相同长度（大小）的新数组。
但是您需要过滤/保留具有唯一 id 属性的元素。
使用Array.forEach 函数将辅助数组（用于ids 列表）作为第二个参数（thisArg）：

var oNew = [];

oData.forEach(function(obj){
    if (this.indexOf(obj['id']) === -1) {  // check if current 'id' was processed previously 
        this.push(obj['id']);
        oNew.push(obj);
    }
}, []);

console.log(JSON.stringify(oNew, 0, 4));

输出：

[
    {
        "id": 1,
        "ListTypeGroupDescription": 2,
        "test": 111,
        "test2": 222
    },
    {
        "id": 2,
        "ListTypeGroupDescription": 4,
        "test": 333,
        "test2": 444
    },
    {
        "id": 3,
        "ListTypeGroupDescription": 6,
        "test": 666,
        "test2": 777
    }
]

Answer 3

使用 ECMAScript 6：

var oData = [{ id: 1, ListTypeGroupDescription: 2, test: 111, test2: 222 }, { id: 2, ListTypeGroupDescription: 4, test: 333, test2: 444 }, { id: 3, ListTypeGroupDescription: 6, test: 666, test2: 777 }, { id: 1, ListTypeGroupDescription: 99, test: 666, test2: 777 }, { id: 3, ListTypeGroupDescription: 99, test: 666, test2: 777 }],
    oNew = oData.filter((obj, index, self) => self.findIndex((o) => { return o.id === obj.id; }) === index);

console.log(oNew);

Answer 4

这是Unique values in an array 的修改版本。它向 Array 原型添加了一个 getUniqueByID 函数，该函数通过数组中对象的 ID 返回唯一值（注意：这仅适用于已定义的数组喜欢你的）：

Array.prototype.getUniqueByID = function(){
   var u = {}, a = [];
   for(var i = 0, l = this.length; i < l; ++i){
      if(u.hasOwnProperty(this[i].id)) {
         continue;
      }
      a.push(this[i]);
      u[this[i].id] = 1;
   }
   return a;
}

console.log(oData.getUniqueByID());

Answer 5

这可以工作。

var keys = [];
var data = oData.filter(
  function(obj) {
    if(keys.indexOf(obj.id) == -1) {
       keys.push(obj.id)
       return obj;
    }
  }
);

注意：我也将.map() 更改为.filter()。