JS数组去重的6种方法完整实例

2019-11-19 12:22:47

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JS数组去重的6种方法。分享给大家供大家参考，具体如下：

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <title>www.VeVB.COm 数组去重</title>  </head>  <body>    <script>      //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(function(m, n) {        return arr1.indexOf(m) == n;      })      document.write(arr1_1 + "<br />");      //2.map:(push indexOf)把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。      var arr2 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];      var arr2_2 = [];      arr2.map(function(m, n) {        if(arr2.indexOf(arr2[n]) == n) {          arr2_2.push(m);        }      });      document.write(arr2_2 + "<br />");      //3.indexOf(push)搜索数组中的元素，并返回它所在的位置。      var arr3 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];      var arr3_3 = [];      for(var i = 0; i < arr3.length; i++) {        if(arr3_3.indexOf(arr3[i]) == -1) {          arr3_3.push(arr3[i]);        }      }      document.write(arr3_3 + "<br />");      //4.splice对数组进行删除、插入、替换，是最强大的数组方法。改变原数组      var arr4 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];      for(var i = 0; i < arr4.length; i++) {        for(var j = i + 1; j < arr4.length; j++) {          if(arr4[i] == arr4[j]) {            arr4.splice(j, 1)            j--; //别忘记减          }        }      }      document.write(arr4 + "<br />");      //5.push(数组去重一一对比)添加到数组末尾      var arr5 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];      function remm(arr) {        var arr5_5 = [];        for(var i = 0; i < arr5.length; i++) {          for(var j = 0; j < arr5.length; j++) {            if(arr5[i] == arr5_5[j]) {              break;            }          }          if(arr5[i] != arr5_5[j]) {            arr5_5.push(arr5[i]);          }        }        return arr5_5;      }      document.write(remm(arr5) + "<br />");      //6.set数据结构Set类似于数组，但是成员的值都是唯一的，没有重复的值。用set.size表示伪数组长度    var arr6= [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];      var set = new Set(arr6);      var newArr = new Array(...set);      document.write(newArr+"<br />");    </script>  </body></html>

使用在线HTML/CSS/JavaScript代码运行工具：http://tools.VeVB.COm/code/HtmlJsRun测试上述代码，可得到如下运行结果：