javascript数组如何去重复

小编给大家分享一下javascript数组如何去重复,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

javascript数组去重复的方法:1,利用“indexOf()方法去除重复值;2,利用拼接方法去除重复值;3,利用es6新增的集合套去除重复值。

<强> js数组中去除重复值的几种方法

在日常开发中,我们可能会遇到将一个数组中里面的重复值去除,那么,我就将我自己所学习到的几种方法分享出来

去除数组重复值方法:

1,利用indexOf()方法去除

思路:创建一个新数组,然后循环要去重的数组,然后用新数组去找要去重数组的值,如果找不到则使用。推动添加到新数组,最后把新数组返回回去就行了

看不懂没关系,上代码就比较容易懂了

function 乐趣(arr) { 　　,let  newsArr =, []; 　　,for  (let 小姐:=,0;,小姐:& lt;, arr.length;,我+ +),{ 　　如果才能(newsArr.indexOf (arr[我]),===,1){ 　　,,newsArr.push (arr[我]); 　　,,} 　　,} 　　,return  newsArr; 　　}

2,利用拼接方法去除

思路:这个方法有点模仿冒泡,俩层循环,外层循环遍历数组,内层循环比较值,如果有相同,则使用拼接去除然后返回处理完的数组即可

看不懂没关系,上代码就比较容易懂了

function 乐趣(arr) { 　　,for  (let 小姐:=,0;,小姐:& lt;, arr.length;,我+ +),{ 　　,,(let  j =, + 1;, j  & lt;, arr.length;, j + +) { 　　,,如果(arr[我]==arr [j]) { 　　,,,arr.splice (j, 1);j——; 　　,,} 　　,,} 　　,} 　　,return 加勒比海盗; 　　}

3,利用es6新增的集合套去除

这里简单介绍一集下组合,他跟数组很相识,但不是数组,是集合。他里面也有跟多方法,如增(add),删(删除),查(已经)等等。

他最重要的特点是:元素不能重复,即在设定集合不会出现相同的元素

设置去重方案1:

思路:因为设置集合里面不允许出现重复值,那我们就可以利用这个特点将我们的数组传进去去重

首先新建一个组集合将要去重的数组作为参数传进的去,然后创建一个新数组,循环遍历一下集合,将每个集合元素添加到新数组,最后将新数组返回即可

function 乐趣(arr) { 　　,let  s1 =, new 设置(arr); 　　,let  arr2 =, []; 　　,(let  item  of  s1) { 　　arr2.push才能(项); 　　,} 　　,return  arr2; 　　}

设置去重方案2(使用数组方法Array.form ()):

思路:Array.from ();能够把伪数组,集合转成数组类型,这个方法配合上设置集合就刚好符合我们的需求

function 乐趣(arr) { 　　,let  s1 =, new  (arr);设置, 　　,return  Array.from (s1); 　　}

设置去重方案3(使用es6展开运算符……):

思路:es6展开运算符能够将一个数组转为用逗号分隔的参数序列

function 乐趣(arr) { 　　,let  s1 =, new  (arr);设置, 　　s1, return  […]; 　　}

以上是“javascript数组如何去重复”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

javascript数组如何去重复