如果你被ES5卡住了，或者由于某种原因不能使用new Set或new Map，并且你需要一个包含具有唯一键的值的数组(而不仅仅是唯一键的数组)，你可以使用以下方法:

function distinctBy(key, array) {
    var keys = array.map(function (value) { return value[key]; });
    return array.filter(function (value, index) { return keys.indexOf(value[key]) === index; });
}

或者是TypeScript中的类型安全等效:

public distinctBy<T>(key: keyof T, array: T[]) {
    const keys = array.map(value => value[key]);
    return array.filter((value, index) => keys.indexOf(value[key]) === index);
}

用法:

var distinctPeople = distinctBy('age', people);

所有其他的答案:

返回唯一键的数组而不是对象(就像返回年龄列表而不是有唯一年龄的人); 使用ES6, new Set, new Map等可能无法提供给你; 没有可配置的键(比如将.age硬编码到不同的函数中); 假设键可以用于索引数组，但这并不总是正确的，TypeScript不允许这样做。

这个答案没有以上四个问题中的任何一个。

我只需要映射和删除dups:

var ages = array.map(function(obj) { return obj.age; });
ages = ages.filter(function(v,i) { return ages.indexOf(v) == i; });

console.log(ages); //=> [17, 35]

编辑:Aight !就性能而言，这不是最有效的方法，但在我看来，这是最简单、最易读的方法。如果你真的关心微观优化，或者你有大量的数据，那么一个常规的for循环将会更“有效”。

已经有许多有效的答案，但我想添加一个只使用reduce()方法的答案，因为它干净而简单。

function uniqueBy(arr, prop){
  return arr.reduce((a, d) => {
    if (!a.includes(d[prop])) { a.push(d[prop]); }
    return a;
  }, []);
}

像这样使用它:

var array = [
  {"name": "Joe", "age": 17}, 
  {"name": "Bob", "age": 17}, 
  {"name": "Carl", "age": 35}
];

var ages = uniqueBy(array, "age");
console.log(ages); // [17, 35]

这就是你如何在2017年8月25日通过ES6使用新的Set来解决这个问题

打印稿

 Array.from(new Set(yourArray.map((item: any) => item.id)))

JS

 Array.from(new Set(yourArray.map((item) => item.id)))

@Travis J字典答案在Typescript类型安全函数的方法

const uniqueBy = <T, K extends keyof any>(
  list: T[] = [],
  getKey: (item: T) => K,
) => {
  return list.reduce((previous, currentItem) => {
    const keyValue = getKey(currentItem)
    const { uniqueMap, result } = previous
    const alreadyHas = uniqueMap[keyValue]
    if (alreadyHas) return previous
    return {
      result: [...result, currentItem],
      uniqueMap: { ...uniqueMap, [keyValue]: true }
    }
  }, { uniqueMap: {} as Record<K, any>, result: [] as T[] }).result
}

const array = [{ "name": "Joe", "age": 17 }, { "name": "Bob", "age": 17 }, { "name": "Carl", "age": 35 }];

console.log(uniqueBy(array, el => el.age))

// [
//     {
//         "name": "Joe",
//         "age": 17
//     },
//     {
//         "name": "Carl",
//         "age": 35
//     }
// ]

对于那些想要返回所有属性由键唯一的对象

Const数组= ［ {"name": "Joe"， "age": 17}， {"name": "Bob"， "age": 17}， {"name": "Carl"， "age": 35} ］ Const key = 'age'; const arrayUniqueByKey =[…]新地图(数组。地图(项= > (项目(关键),项目))). values ()]; console.log (arrayUniqueByKey); / *输出 ［ {"name": "Bob"， "age": 17}， {"name": "Carl"， "age": 35} ］ * / //注意:这将选择列表中最后一个重复的项。