js数组去重的方法

JavaScript017

js数组去重的方法,第1张

第一种 ES6 中new set

第二种 利用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对象,自动过滤掉重复项,而且可以判断数据类型。