1.Set
Set是ES6中一种新的数据结构,它本身是一个构造函数,类似数组,但它的成员值都是唯一的,无重复的值。利用无重复值这一点可以实现数组去重
//数组去重
[...new Set(arr)]
//by the way--->字符串去重
[...new Set(str)].join('');
2.利用indexOf或者includes
两种方法去重原理是一样的,利用数组中不存在该元素indexOf 返回-1,includes返回 false,这一点筛选数组
//indexOf
var array = [];
for (var i = 0; i < arr.length; i++) {
if (array .indexOf(arr[i]) === -1) {
array .push(arr[i])
}
}
return array;
//includes
var array =[];
for(var i = 0; i < arr.length; i++) {
if( !array.includes( arr[i]) ) {//includes 检测数组是否有某个值
array.push(arr[i]);
}
}
return array
3.sort
先用sort排序,然后只取前一项不等于后一项。
arr = arr.sort(); // 先对数组进行排序(注意,这种排序是按字符串排,不是按大小)
var array = [arr[0]]; //现将数组第一项放进去
for (var i = 1; i < arr.length; i++) {
if (arr[i] !== arr[i-1]) {
array.push(arr[i]);
}
}
return array;
4.filter
filter这里可以接受三个参数,第一二个参数是item和index以外,第三个可以是数组本身!
这里去重的思路很简单:只有我第一次出现的索引等于我当前的索引,就返回,否则不返回。
function unique(arr){
var res = arr.filter((item,index,arr)=>{
return arr.indexOf(item) === index;
});
return res;
}
可能数组去重还有一些方法,但这几种比较好简便,而且思路清晰,代码量少。