锐客网

  1. 首页 > 睿知 > it技术 > >

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

目录

  • 1、借助ES6提供的Set结构 new Set() 简单好用 强烈推荐
  • 2、利用 filter() 去重
  • 3、利用for 循环 搭配 indexOf 去重
  • 4、将数组的每一个元素依次与其他元素做比较，发现重复元素，删除 比较繁琐 不推荐
  • 5、借助新数组 通过 indexOf 方法判断当前元素在数组中的索引，如果与循环的下标相等则添加到新数组中
  • 6、利用双重for循环
  • 7、利用includes实现数组去重
  • 总结

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数组去重常见7种方法的文章就介绍到这了,更多相关js数组去重方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

    推荐阅读


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

    下一篇：python中namedtuple函数的用法解析