假设我有以下内容:
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字典答案在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
// }
// ]
如果你想迭代唯一的项目，使用这个:
(更灵活的https://stackoverflow.com/a/58429784/12496886版本)
Const数组= [
{" name ":“乔”,“年龄”:17},
{" name ":“鲍勃”、“年龄”:17},
{"name":"Carl"， "age": 35}，
];
const uniqBy = (arr, selector = (item) => item) => {
const map = new map ();
arr.forEach((item) => {
Const道具=选择器(item);
If (!map.has(prop))映射。集(道具、物品);
})；
返回[…map.values ());
｝
const uniqItems = uniqBy(array， (item) => item.age);
console.log('uniqItems: '， uniqItems);
如果你只需要唯一的值，使用这个:
(为完整起见，https://stackoverflow.com/a/35092559/12496886副本)
Const数组= [
{" name ":“乔”,“年龄”:17},
{" name ":“鲍勃”、“年龄”:17},
{"name":"Carl"， "age": 35}，
];
Const uniq = (items) =>[…]新组(项目)];
const uniqAges = uniq(array.map((item) => item.age));
console.log('uniqAges: '， uniqAges);
目前正在使用typescript库以orm方式查询js对象。你可以从下面的链接下载。这个答案解释了如何使用下面的库来解决。
https://www.npmjs.com/package/@krishnadaspc/jsonquery?activeTab=readme
var ageArray =
[
{"name":"Joe", "age":17},
{"name":"Bob", "age":17},
{"name":"Carl", "age": 35}
]
const ageArrayObj = new JSONQuery(ageArray)
console.log(ageArrayObj.distinct("age").get()) // outputs: [ { name: 'Bob', age: 17 }, { name: 'Carl', age: 35 } ]
console.log(ageArrayObj.distinct("age").fetchOnly("age")) // outputs: [ 17, 35 ]
Runkit live链接:https://runkit.com/pckrishnadas88/639b5b3f8ef36f0008b17512
这里有另一种解决方法:
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在优化方面做得最好。
我不太确定为什么上面的片段比其他片段快，也许比我更聪明的人有答案。:-)
