js 数组去重小技巧
Intro
今天遇到一个问题,需要对数据进行去重,想看一下有没有什么比较方便的方法,果然有些收获。
Question
问题描述:
我有一个这样的数据:
[
{
"ProjectId": "94147992363ef910","ProjectName": "新梅太古城中粮天悦澜庭","ProjectAddress": "曲阜路966弄"
},{
"ProjectId": "c5b6ce1988dd2af7","ProjectName": "新梅共和城","ProjectAddress": "广中西路99弄"
},"ProjectAddress": "广中西路99弄"
}
]
要实现根据 ProjectId 去重,应该得到下面的结果:
[
{
"ProjectId": "94147992363ef910","ProjectAddress": "广中西路99弄"
}
]
先从一个简单的问题入手,将一个数组去重 [1,2,3,4]
Solution1
通常,我们一般都是这样去做的,将要用于去重的数据放在一个 集合 中,将去重的数据放到一个集合中(最终我们要的数据)
示例代码:
//
var arr = [1,4];
var result = new Array();
var filterArr = new Array();
for (var i = 0; i < info.length; i++) {
for (var k = 0; k < filterArr.length; k++) {
if (filterArr[i] == arr[i]) {
continue;
}
}
// 或者使用 indexOf 判断
//if (filterArr[i].indexOf(arr[i]) > -1) {
// continue;
//}
filterArr.push(arr[i]);
result.push(arr[i]);
}
// filter
arr = arr.filter(function (value,index,array) {
return array.indexOf (value) == index;
});
// es6
arr = arr.filter( (value,array) => array.indexOf (value) == index);
//
var info = [
{
"ProjectId": "94147992363ef910","ProjectAddress": "广中西路99弄"
}
];
function filter() {
var filterArr = [];
var result = [];
for (var i = 0; i < info.length; i++) {
for (var k = 0; k < filterArr.length; k++) {
if (filterArr[i] == info[i].ProjectId) {
continue;
}
}
filterArr.push(info[i].ProjectId);
result.push(info[i]);
}
return result;
}
Solution2
ES6 里提供了 Set 的新语法,Set里不会有重复的元素,简单数组去重用它来实现最简单不过了,举个栗子:
var arr = [1,4];
console.log(arr); // [1,4]
arr = Array.from(new Set(arr));
console.log(arr);// [1,4]
//
info = info.filter((s => a => !s.has(a.ProjectId) && s.add(a.ProjectId))(new Set));
End
是不是 es6 更方便、更简洁,还没用es6的童鞋强烈建议使用,
上的一坨代码用 es6 只需要一行,只需要一行,只需要一行
info = info.filter((s => a => !s.has(a.ProjectId) && s.add(a.ProjectId))(new Set));
希望你能有所收获
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。