本文通过实例介绍了消除JS数组重复的六种方法。分享给大家参考,如下:
!方法doctype html head metachartset=' utf-8 ' titlewww.jb51.net阵列重复数据消除/title/head discript//1。filter: (indexof)创建一个新数组,通过检查指定数组中的所有限定元素来检查新数组中的元素,但是filter()不会检查空数组。Filter()不会更改原始数组。var arr1=[7,7,7,8,8,8,82,82,839,49,329,8,3,3];var arr1_1=arr1.filter(函数(m,n){ return arr 1 . indexof(m)==n;})document . write(arr 1 _ 1 ' br/');//2.map:(push indexOf)将每个元素转移到当前匹配的函数集,并生成一个包含返回值的新jQuery对象。var arr2=[7,7,7,8,8,8,82,82,839,49,329,8,3,3];var arr 2 _ 2=[];arr2.map(函数(m,n){ if(arr 2 . indexof(arr 2[n])==n){ arr 2 _ 2 . push(m);} });document . write(arr 2 _ 2 ' br/');//3.indexOf(push)在数组中搜索一个元素并返回它的位置。var arr3=[7,7,7,8,8,8,82,82,839,49,329,8,3,3];var arr 3 _ 3=[];for(var I=0;长度;I){ if(arr 3 _ 3 . indexof(arr 3[I])==-1){ arr 3 _ 3 . push(arr 3[I]);} } document . write(arr 3 _ 3 ' br/');//4.splice是删除、插入和替换数组最强大的数组方法。更改原始数组vararr4=[7,7,7,8,8,8,82,82,839,49,329,8,3,3];for(var I=0;长度;I){ for(var j=I ^ 1;j arr4 .长度;j){ if(arr 4[I]==arr 4[j]){ arr 4 . splice(j,1)j-;//别忘了减去} } } document . write(arr 4 ' br/');//5 .将push(阵列重复数据消除比较)添加到阵列的末尾。Vararr5=[7,7,7,8,8,8,82,839,49,329,8,3,3];函数remm(arr){ var arr 5 _ 5=[];for(var I=0;长度;I){ for(var j=0;j arr5 .长度;j){ if(arr 5[I]==arr 5 _ 5[j]){ break;} } if(arr5[i]!=arr 5 _ 5[j]){ arr 5 _ 5 . push(arr 5[I]);} }返回arr5 _ 5} document . write(remm(arr 5)“br/”);//6.集合数据结构集合类似于数组,但成员的值是唯一的,没有重复的值。使用set.size表示虚拟数组vararr6=[7,7,7,8,8,8,82,82,839,49,329,8,3,3]的长度;var集合=新集合(arr 6);var newArr=新数组(.集合);document . write(NewArr ' br/');/script/body/HTML使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试了上面的代码,可以得到如下运行结果:
PS:这里有一些相关的工具供大家参考:
在线重复数据消除工具:http://tools.jb51.net/code/quchong
在线文本重复数据消除工具:http://tools.jb51.net/aideddesign/txt_quchong
关于JavaScript的更多信息,请查看本网站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》、0103010。
希望本文对JavaScript编程有所帮助。