js数组去重的方法：1、es6提供的“new set()”方法；2、“filter()”方法；3、使用for循环，搭配“indexof()”方法；4、将数组的每一个元素依次与其他元素比较，有重复元素就删除；5、创建新的空数组，使用“indexof()”方法判断当前元素在数组中的索引，如果与循环的下标相同则添加到新数组中；6、双重for循环；7、“includes()”方法。
本教程操作系统：windows10系统、javascript ecmascript 2023版本、dell g3电脑。
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<arr.length;i++) { //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数组里面 if(newarr.indexof(arr[i]) === -1) { //indexof() 判断数组中有没有字符串值，如果没有则返回 -1 newarr.push(arr[i]); } } return newarr } var arr2 = norepeat(arr); console.log(arr2);
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<arr.length; i++){ if(!newarr.includes(arr[i])){ newarr.push(arr[i]) } } return newarr } console.log(norepeat(arr));
以上就是js数组怎么去重的详细内容。