数组去重
2020-09-30 本文已影响0人
_皓月__
ES6 提供了新的数据结构 Set
它类似于数组,但是成员的值都是唯一的,没有重复的值,可用来实现数组去重
(set本身是一个构造函数,用来生成 Set 数据结构)
使用Set实现数组去重要简单很多。
第一种数组去重方法(使用Array.from):
let arr = [1,2,2,2,3,5];
let item = new Set(arr);
console.log(item); // 结果输出的是一个对象//使用Array.from转成数组
let arr = [1,2,2,2,3,5];
let item = Array.from(new Set(arr));
console.log(item); // [1,2,3,5]
第二种数组去重方法(使用...扩展运算符):
let arr = [1,2,2,2,3,5];
let item = [...new Set(arr)];
console.log(item);// [1,2,3,5]
第三种数组去重方法(使用filter):
/*
模拟: 原始数组:[1,2,8,9,5,8,4,0,4]
索引值:0,1,2,3,4,5,6,7,8
伪新数组:[1,2,8,9,5,8,4,0,4]
使用indexOf方法找到数组中的元素在元素在中第一次出现的索引值
索引值:0,1,2,3,4,2,6,7,6
返回前后索引值相同的元素:
新数组:[1,2,8,9,5,4,0]
*/
function unique( arr ){
// 如果新数组的当前元素的索引值 == 该元素在原始数组中的第一个索引,则返回当前元素
return arr.filter(function(item,index){
return arr.indexOf(item,0) === index;
});
}
精简下方法:
let arr = [1, 2, 2, 2, 3, 5];
let item = arr.filter((val, index) => arr.indexOf(val) === index);
console.log(item); // [1,2,3,5]