js 数组去重

1、前言

去重方法千千万万，你要哪一种

2、es系列方法

2.1、es6 Set()方法

介绍：ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化

new Set(test);//test为去重的数组

2.2、es7 includes

Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。该方法属于 ES7 ，但 Babel 转码器已经支持

unique4 (arr) { let newArr = [arr[0]]; for(index of arr){ if(!newArr.includes(index)){ newArr.push(index); } } return newArr; }

3、常规去重

 思路：

构建一个新的数组存放结果，设置状态值 从原数组中循环取出一个元素，与结果数组对比 若结果数组中没有该元素，则改变状态值  通过判断状态值进行结果数组的存储

核心代码：

unique1 (arr) { let newArr = [arr[0]];//现将第一个数加入到新数组中； arr.shift(); let result = true;//判断是否重复，默认不存在重复true for(index of arr) { for(res of newArr) { if(res === index){ result = false;//存在重复改变状态值 break; } } if(result){ newArr.push(index);//不存在重复则加入新数组 } result = true;//循环解析重新改变状态值 } return newArr; },

3、排序去重

思路：

对数组进行排序（由于打乱了数组结构，不适用于需要保留原数组顺序的） 判断第 i 个数组元素是否和 i-1 个数组元素相同，  如果不相同，则表示新数组中不存在该元素，可以加入

核心代码：

unique2 (arr) { arr.sort();//对数组进行排序 let newArr = [arr[0]];//现将第一个数加入到新数组中；这里移除 let len = arr.length; //跳过数组第一个元素，从第二个开始 for(let i = 1; i < len; i++) { //如果前后不相同，则不存在重复 if(arr[i] !== arr[i-1]) { newArr.push(arr[i]); } } return newArr; },

5、对象去重

思路：

创建一个新数组存储结果，空对象将这个值作为属性并赋值，进行存储  循环取出数组元素去对象中访问对应属性，  如果存在则重复，不能加入数组

核心代码：

unique3 (arr) { let newArr = []; let newObj = {};//定义一个对象，通过对象来获取值 for(index of arr) { //如果这个属性不存在，则可以加入数组，并复制 if(!newObj[index]) { newArr.push(index); newObj[index] = 1; } } return newArr; }

6、结语

去重的方式还有很多，等待你去探索。。。