第二种 利用indexof
第三种 利用对象的key值唯一的特性
第四种 利用includes()
第五种 利用hasOwnProperty,返回的keys为字符串的形式
第六种 利用splice
第七种 利用filter和indexOf
第八种 利用两层for循环和break,第二层的j不能用let定义
第九种 扩展运算符(...)
第十种 利用reduce 和 includes,reduce中第一函数不能加{}
第十一种 利用filter和map数据结构去重
ES6 提供了新的数据结构 Set 。它类似于数组,但是成员的值都是唯一的,没有重复的值。
Set 本身是一个构造函数,用来生成 Set 数据结构。
利用的算法类似 '===',与 '===' 的区别是 ‘===’ 认为 NaN != NaN , set 的算法认为它们是相等的。
但 Set 不支持对象方法,认为对象都是不相等的。
原理: splice 会改变原数组
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素
indexOf ( searchvalue, fromindex )
searchvalue :必填值,规定需检索的字符串值
fromindex :选填值,规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。
如省略该参数,则将从字符串的首字符开始检索。
原理:相邻元素对比法,若相等则去掉一个
注:array.sort( function ) 参数必须是函数,可选,默认升
js数组去重的方法可以利用数组排序,通过相邻元素比较,去除重复元素。
去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。
利用for嵌套for,然后splice去重(ES5中最常用)。双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。想快速学习更多常用的ES6语法,可以看一些相关的文章如《学习ES6笔记──工作中常用到的ES6语法》。
js数组去重的几种方法
利用数组排序,通过相邻元素比较,去除重复元素,可以严格匹配以区分数据类型。
借用对象属性方法,将数组中的元素添加为对象的属性。遍历数组元素的时候查询对象是否已经有该属性,如果有则不重复添加。
借用正则匹配的方法,将新数组转换为字符串。原数组中的每个元素与在字符串中查找,如果匹配到,则不添加。
使用js新特性的Map对象,使用键值对的方式修改第二种方法。或者利用Set对象,自动过滤掉重复项,而且可以判断数据类型。