假设我有以下内容:
var array =
[
{"name":"Joe", "age":17},
{"name":"Bob", "age":17},
{"name":"Carl", "age": 35}
]
获得所有不同年龄的数组的最佳方法是什么，这样我就得到了一个结果数组:
[17, 35]
是否有一些方法，我可以选择结构数据或更好的方法，这样我就不必遍历每个数组检查“年龄”的值，并检查另一个数组是否存在，如果没有添加它?
如果有某种方法可以让我不用迭代就能得到不同的年龄……
目前效率低下的方式，我想改进…如果它的意思不是“数组”是一个对象的数组，而是一个对象的“映射”与一些唯一的键(即。"1,2,3")也可以。我只是在寻找最高效的方式。
以下是我目前的做法，但对我来说，迭代似乎只是为了提高效率，即使它确实有效……
var distinct = []
for (var i = 0; i < array.length; i++)
if (array[i].age not in distinct)
distinct.push(array[i].age)
@travis-j的forEach版本的答案(对现代浏览器和Node JS世界很有帮助):
var unique = {};
var distinct = [];
array.forEach(function (x) {
if (!unique[x.age]) {
distinct.push(x.age);
unique[x.age] = true;
}
});
Chrome v29.0.1547更快34%:http://jsperf.com/filter-versus-dictionary/3
和一个通用的解决方案，需要一个mapper函数(略慢于直接映射，但这是预期的):
function uniqueBy(arr, fn) {
var unique = {};
var distinct = [];
arr.forEach(function (x) {
var key = fn(x);
if (!unique[key]) {
distinct.push(key);
unique[key] = true;
}
});
return distinct;
}
// usage
uniqueBy(array, function(x){return x.age;}); // outputs [17, 35]
如果你想返回一个唯一的对象列表。
下面是另一种选择:
const unique = (arr, encoder=JSON.stringify, decoder=JSON.parse) =>
[...new Set(arr.map(item => encoder(item)))].map(item => decoder(item));
这将使这个:
unique([{"name": "john"}, {"name": "sarah"}, {"name": "john"}])
into
[{"name": "john"}, {"name": "sarah"}]
这里的技巧是，我们首先使用JSON将项目编码为字符串。然后我们将其转换为一个Set(使字符串列表唯一)，然后我们使用JSON.parse将其转换回原始对象。
清洁解决方案
export abstract class Serializable<T> {
equalTo(t: Serializable<T>): boolean {
return this.hashCode() === t.hashCode();
}
hashCode(): string {
throw new Error('Not Implemented');
}
}
export interface UserFields {
firstName: string;
lastName: string;
}
export class User extends Serializable<User> {
constructor(private readonly fields: UserFields) {
super();
}
override hashCode(): string {
return `${this.fields.firstName},${this.fields.lastName}`;
}
}
const list: User[] = [
new User({ firstName: 'first', lastName: 'user' }),
new User({ firstName: 'first', lastName: 'user' }),
new User({ firstName: 'second', lastName: 'user' }),
new User({ firstName: 'second', lastName: 'user' }),
new User({ firstName: 'third', lastName: 'user' }),
new User({ firstName: 'third', lastName: 'user' }),
];
/**
* Let's create an map
*/
const userHashMap = new Map<string, User>();
/**
* We are adding each user into the map using user's hashCode value
*/
list.forEach((user) => userHashMap.set(user.hashCode(), user));
/**
* Then getting the list of users from the map,
*/
const uniqueUsers = [...userHashMap.values()];
/**
* Let's print and see we did right?
*/
console.log(uniqueUsers.map((e) => e.hashCode()));
这里有另一种解决方法:
var result = {};
for(var i in array) {
result[array[i].age] = null;
}
result = Object.keys(result);
or
result = Object.values(result);
我不知道这个解决方案与其他解决方案相比有多快，但我喜欢更干净的外观。:-)
编辑:好吧，上面的似乎是最慢的解决方案。
我在这里创建了一个性能测试用例:http://jsperf.com/distinct-values-from-array
我没有测试年龄(整数)，而是选择比较名称(字符串)。
方法1 (TS的解决方案)非常快。有趣的是，Method 7比所有其他解决方案都好，这里我只是摆脱了.indexOf()，并使用了它的“手动”实现，避免了循环函数调用:
var result = [];
loop1: for (var i = 0; i < array.length; i++) {
var name = array[i].name;
for (var i2 = 0; i2 < result.length; i2++) {
if (result[i2] == name) {
continue loop1;
}
}
result.push(name);
}
使用Safari和Firefox在性能上的差异是惊人的，似乎Chrome在优化方面做得最好。
我不太确定为什么上面的片段比其他片段快，也许比我更聪明的人有答案。:-)
我认为你正在寻找groupBy函数(使用Lodash)
_personsList = [{"name":"Joe", "age":17},
{"name":"Bob", "age":17},
{"name":"Carl", "age": 35}];
_uniqAgeList = _.groupBy(_personsList,"age");
_uniqAges = Object.keys(_uniqAgeList);
产生的结果:
17,35
jsFiddle demo：http：//jsfiddle.net/4J2SX/201/
