您现在的位置是：网站首页> 编程资料编程资料

js数组去重常见的方法汇总(7种)_javascript技巧_

2023-05-24 479人已围观

简介 js数组去重常见的方法汇总(7种)_javascript技巧_

1、借助ES6提供的Set结构 new Set() 简单好用 强烈推荐

直接给一个新的数组里面，利用es6的延展运算符

 var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]; console.log(arr); function noRepeat(arr){ var newArr = [...new Set(arr)]; //利用了Set结构不能接收重复数据的特点 return newArr } var arr2 = noRepeat(arr) console.log(arr2);

2、利用 filter() 去重

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。item是当前元素的值，index是当前元素的索引值。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。利用indexOf() 查询到数组的下标，看是否等于当前的下标，相等的话就返回，否则不返回值。

var arr = ['apple','apps','pear','apple','orange','apps']; console.log(arr) var newArr = arr.filter(function(item,index){ return arr.indexOf(item) === index; // 因为indexOf 只能查找到第一个 }); console.log(newArr);

3、利用for 循环 搭配 indexOf 去重

 var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]; function noRepeat(arr) { //定义一个新的临时数组 var newArr=[]; //遍历当前数组 for(var i=0;i

4、将数组的每一个元素依次与其他元素做比较，发现重复元素，删除 比较繁琐 不推荐

 var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]; console.log(arr); function noRepeat(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i]===arr[j]){ arr.splice(j,1); j--; } } } return arr; } var arr2 = noRepeat(arr); console.log(arr2);

5、借助新数组 通过 indexOf 方法判断当前元素在数组中的索引，如果与循环的下标相等则添加到新数组中

 var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]; console.log(arr) function noRepeat(arr) { var newArr = []; for (var i = 0; i < arr.length; i++) { if (arr.indexOf(arr[i]) == i) { newArr.push(arr[i]); } } return newArr; } var arr2 = noRepeat(arr); console.log(arr2);

6、利用双重for循环

var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]; console.log(arr); function noRepeat(arr){ for (var i = 0; i < arr.length; i++) { for (var j = 0; j < arr.length; j++) { if (arr[i] == arr[j] && i != j) { //将后面重复的数删掉 arr.splice(j, 1); } } } return arr; } var arr2 = noRepeat(arr); console.log(arr2);

7、利用includes实现数组去重

 var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]; function noRepeat(arr) { let newArr = []; for(i=0; i

以上就是比较常用的七种方法了

总结

到此这篇关于js数组去重常见7种方法的文章就介绍到这了,更多相关js数组去重方法内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：vue+elementUI封装一个根据后端变化的动态table(完整代码)_vue.js_

下一篇：Vue移动端实现调用相机扫描二维码或条形码的全过程_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网