假设我有以下内容:
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)
如果你被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不允许这样做。
这个答案没有以上四个问题中的任何一个。
下面的代码将显示唯一的年龄数组以及没有重复年龄的新数组
var data = [
{"name": "Joe", "age": 17},
{"name": "Bob", "age": 17},
{"name": "Carl", "age": 35}
];
var unique = [];
var tempArr = [];
data.forEach((value, index) => {
if (unique.indexOf(value.age) === -1) {
unique.push(value.age);
} else {
tempArr.push(index);
}
});
tempArr.reverse();
tempArr.forEach(ele => {
data.splice(ele, 1);
});
console.log('Unique Ages', unique);
console.log('Unique Array', data);```
如果你想从一个已知唯一对象属性的数组中过滤掉重复值,你可以使用下面的代码片段:
let arr = [
{ "name": "Joe", "age": 17 },
{ "name": "Bob", "age": 17 },
{ "name": "Carl", "age": 35 },
{ "name": "Carl", "age": 35 }
];
let uniqueValues = [...arr.reduce((map, val) => {
if (!map.has(val.name)) {
map.set(val.name, val);
}
return map;
}, new Map()).values()]
Const数组= [
{" id ": " 93 ", "名称":" CVAM_NGP_KW "},
{" id ": " 94 ", "名称":" CVAM_NGP_PB "},
{" id ": " 93 ", "名称":" CVAM_NGP_KW "},
{" id ": " 94 ", "名称":" CVAM_NGP_PB "}
]
函数uniq(数组,字段){
返回数组中。Reduce((累加器,电流)=> {
如果(! accumulator.includes(当前(领域))){
accumulator.push(当前(领域))
}
返回蓄电池;
}, []
)
}
Const id = uniq(数组,'id');
console.log (ids)
/ *输出
(“93”,“94”)
* /
从一组键中获取不同值的集合的方法。
您可以从这里获取给定的代码,并仅为所需的键添加映射,以获得唯一对象值的数组。
const
listOfTags = [{ id: 1, label: "Hello", color: "red", sorting: 0 }, { id: 2, label: "World", color: "green", sorting: 1 }, { id: 3, label: "Hello", color: "blue", sorting: 4 }, { id: 4, label: "Sunshine", color: "yellow", sorting: 5 }, { id: 5, label: "Hello", color: "red", sorting: 6 }],
keys = ['label', 'color'],
filtered = listOfTags.filter(
(s => o =>
(k => !s.has(k) && s.add(k))
(keys.map(k => o[k]).join('|'))
)(new Set)
)
result = filtered.map(o => Object.fromEntries(keys.map(k => [k, o[k]])));
console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }
这里有一个通用的解决方案,它使用reduce,允许映射,并保持插入顺序。
items:数组
mapper:将项映射到条件的一元函数,或者为空映射项本身。
function distinct(items, mapper) {
if (!mapper) mapper = (item)=>item;
return items.map(mapper).reduce((acc, item) => {
if (acc.indexOf(item) === -1) acc.push(item);
return acc;
}, []);
}
使用
const distinctLastNames = distinct(items, (item)=>item.lastName);
const distinctItems = distinct(items);
你可以把它添加到你的数组原型中,如果这是你的风格,可以省略items参数。
const distinctLastNames = items.distinct( (item)=>item.lastName) ) ;
const distinctItems = items.distinct() ;
您还可以使用Set而不是Array来加快匹配速度。
function distinct(items, mapper) {
if (!mapper) mapper = (item)=>item;
return items.map(mapper).reduce((acc, item) => {
acc.add(item);
return acc;
}, new Set());
}