搞定数组去重！前端开发中6种常用技巧解析

最编程 2024-02-02 08:30:09

...

今天给大家分享JS实现数组去重常用的六种方法，希望对大家能有所帮助！

定义变量

let arr = [20,6,13,20,100,8,13,11];
let newArr = [];

1、两层循环去重

for(let i = 0;i < arr.length;i++){
  for(let j = i + 1;j < arr.length;j++){
    if(arr[i] == arr[j]){
      arr.splice(j,1)
      j--
    }
  }
}

2、includes函数判断去重

for(let i of arr){
  if(!newArr.includes(i)){
    newArr.push(i)
  }
}

3、filter循环过滤去重

arr.filter((val,index) => {
  if(newArr.indexOf(val) < 0){
    newArr.push(val)
  }
})

4、sort排序去重

arr = arr.sort() // [6,8,11,13,13,20,20,100]
for(let i = 0;i < arr.length;i++){
  if(i <= arr.length - 1 && arr[i] != arr[i + 1]){
    newArr.push(arr[i])
  }
}

5、ES6 Array.from()方法

console.log(Array.from(new Set(arr))) ;
console.log([...new Set(arr)]) ;

6、递归去重

let index = 0
arr = arr.sort()
function loop(index){
  if(index > 1){
    if(arr[index] == arr[index - 1]){
      arr.splice(index,1)
    }
    index--
    loop(index)
  }
}
loop(arr.length - 1)
console.log(arr);

上一篇： 5种简单易学的JavaScript数组去重技巧

下一篇：使用 reduce 方法对对象数组进行去重的技巧与记录