js 数组去重小技巧
程序员文章站
2022-09-14 08:08:51
js 数组去重小技巧 Intro 今天遇到一个问题,需要对数据进行去重,想看一下有没有什么比较方便的方法,果然有些收获。 Question 问题描述: 我有一个这样的数据: 要实现根据 ProjectId 去重,应该得到下面的结果: 先从一个简单的问题入手,将一个数组去重 Solution1 通常, ......
js 数组去重小技巧
intro
今天遇到一个问题,需要对数据进行去重,想看一下有没有什么比较方便的方法,果然有些收获。
question
问题描述:
我有一个这样的数据:
[ { "projectid": "94147992363ef910", "projectname": "新梅太古城中粮天悦澜庭", "projectaddress": "曲阜路966弄" }, { "projectid": "c5b6ce1988dd2af7", "projectname": "新梅共和城", "projectaddress": "广中西路99弄" }, { "projectid": "c5b6ce1988dd2af7", "projectname": "新梅共和城", "projectaddress": "广中西路99弄" } ]
要实现根据 projectid 去重,应该得到下面的结果:
[ { "projectid": "94147992363ef910", "projectname": "新梅太古城中粮天悦澜庭", "projectaddress": "曲阜路966弄" }, { "projectid": "c5b6ce1988dd2af7", "projectname": "新梅共和城", "projectaddress": "广中西路99弄" } ]
先从一个简单的问题入手,将一个数组去重 [1, 2, 3, 3, 4]
solution1
通常,我们一般都是这样去做的,将要用于去重的数据放在一个 集合 中,将去重的数据放到一个集合中(最终我们要的数据)
示例代码:
// var arr = [1, 2, 3, 3, 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, index, array) => array.indexof (value) == index); // var info = [ { "projectid": "94147992363ef910", "projectname": "新梅太古城中粮天悦澜庭", "projectaddress": "曲阜路966弄" }, { "projectid": "c5b6ce1988dd2af7", "projectname": "新梅共和城", "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, 2, 3, 3, 4]; console.log(arr); // [1, 2, 3, 3, 4] arr = array.from(new set(arr)); console.log(arr);// [1, 2, 3, 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));
希望你能有所收获
上一篇: Python根据欧拉角求旋转矩阵的实例