数组去重方法_数组解构去重-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_47583380/article/details/109392945

本文介绍了JavaScript中数组去重的七种方法，包括使用indexOf方法、ES6的Set数据结构、for嵌套for结合splice、sort排序后比对、includes方法、filter和indexOf方法等，为处理数组重复元素提供了多种思路。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数组去重

第1种方法

function quChong(arr) {
    let newArr = []
    for (let index = 0; index < arr.length; index++) {
        if (newArr.indexOf(arr[index]) === -1) {
            newArr.push(arr[index])
        }
    }
    return newArr
}

console.log(quChong([1,2,3,1,4,3,5]));//[ 1, 2, 3, 4, 5 ]

indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置。

第2种方法

ES6 提供的新的数据结构 Set，成员的值都是唯一的，没有重复的值

let arr = [11, 2, 8, 2, 21, 11]
console.log(new Set(arr));//输出的是一个Set对象，Set{}；
console.log([...new Set(arr)]);//数组解构，输出数组形式

第3种方法

利⽤for嵌套for，然后splice去重（ES5中最常⽤）；
双层循环，外层循环元素，内层循环时⽐较值。值相同时，则删去这个值。

function unique(arr){ 
 for(var i=0; i<arr.length; i++){
 for(var j=i+1; j<arr.length; j++){
 if(arr[i]==arr[j]){ //第⼀个等于第⼆个，splice⽅法删除
 arr.splice(j,1);
 j--; }
 }
 }
return arr; }

第4种方法

利⽤ sort() 排序⽅法，然后根据排序后的结果进⾏遍历及相邻元素⽐对.但是这种方法我不咋用

function unique(arr) {
 arr = arr.sort()
 var arrry= [arr[0]];
 for (var i = 1; i < arr.length; i++) {
 if (arr[i] !== arr[i-1]) {
 arrry.push(arr[i]);
 }
 }
 return arrry; }

第5种方法

利⽤includes，建立一个空数组，当数组中没有包含某个数据，将值push进去。

function unique(arr) {
 var array =[];
 for(var i = 0; i < arr.length; i++) {
 if( !array.includes( arr[i]) ) {//includes 检测数组是否有某个值
 array.push(arr[i]);
 }
 }
 return array
}

第6种方法

利用filter和indexOf方法

function unique(arr) {
    return arr.filter(function(item, index, arr) {
    //当前元素，在原始数组中的第⼀个索引==当前索引值，否则返回当前元素
    return arr.indexOf(item, 0) === index;
    }); }
    console.log(unique([1,3,4,2,4,3,2]));

第7种方法

var b = [11, 22, 32, 11, 32]
var newArr = []
var boo = true
for (i = 0; i < b.length; i++) {
    boo = true
    for (j = 0; j < newArr.length; j++) {
        if (b[i] == newArr[j]) {
            var boo = false
        }
    } if (boo) {
        newArr[newArr.length] = b[i]
    }
} console.log(newArr);