当前位置: 首页 > Web前端 > HTML

js数组去重的七种常用方法

时间:2023-04-02 11:46:51 HTML

1.借助ES6提供的Set结构newSet(),简单易用。强烈建议直接添加到一个新的数组中,使用扩展运算符vararr=[1,9ofes6,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22];控制台日志(arr);函数noRepeat(arr){varnewArr=[...新集(arr)];//利用Set结构不能接收重复数据的特性returnnewArr}vararr2=noRepeat(arr)console.log(arr2);2.使用filter()去重filter()方法创建一个新数组,其元素通过检查指定数组中所有符合条件的元素来检查。item是当前元素的值,index是当前元素的索引值。indexOf()方法返回指定字符串值在字符串中第一次出现的位置。使用indexOf()查询数组的下标是否等于当前下标。如果相等则返回,否则不返回值。vararr=['apple','apps','pear','apple','orange','apps'];console.log(arr)varnewArr=arr.filter(function(item,index){returnarr.indexOf(item)===index;//因为indexOf只能找到第一个});console.log(newArr);3.使用带有indexOf的for循环去重vararr=[1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22];functionnoRepeat(arr){//定义一个新的临时数组varnewArr=[];//遍历当前数组for(vari=0;i