JS进阶-去重

小沐°

已于 2024-01-31 14:58:33 修改

阅读量211

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： javascript 前端开发语言

于 2023-09-19 14:08:27 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_46479909/article/details/133025299

JS 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了JavaScript中几种常见的数组去重方法，包括排序后移除重复项、双重for循环配合splice、map和Array.from、Set以及filter函数的应用。

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

排序后去重

function repeatReduce(array) {
      sorArray = array.sort()
      for (i = 1; i < array.length; i++) {
        if (array[i - 1] == array[i]) {
          array.splice(i, 1)
        }
      }
      console.log(array)
    }

双重for循环配合splie去重

//先定义一个数组
var arr=[1,2,2,3,4,4,5]
//双重for循环
for(i = 0;i < arr.length; i++){
  for(j = i+1;j < arr.length; j++){ 
//如果数组中有两个数相等，这里用三位运算符
    if(arr[i] === arr[j]){ 
//在第j个元素开始删除，删除1个元素。splice方法,还可以对多个对象中的某个或某几个对象删除
      arr.splice(j,1);
      j--;
    }
  }
}
console.log(arr)

map循环配合Array.from去重

const arr = [1, 2, 2, 3, 4, 4, 5];
const newArr = Array.from(new Map(arr.map(item => [item, item])).values());
console.log(newArr); // [1, 2, 3, 4, 5]

这段代码的原理是，先使用map方法将数组元素映射为键值对的数组。然后使用Map构造函数将键值对数组转换为Map对象，其中键和值均为数组的元素。由于Map对象中键是唯一的，这样就自动去除了数组中的重复项。最后，通过Array.from()方法将去重后的Map对象的值转换为新的数组。

set（）去重

let arr = [1, 2, 2, 3, 4, 4, 5];
let newArr = [...new Set(arr)];
console.log(newArr);  // [1, 2, 3, 4, 5]

这里使用了ES6中的Set数据结构来创建一个去重后的新数组newArr。

filter()去重

let arr = [1, 2, 2, 3, 4, 4, 5];
let newArr = arr.filter((value, index, self) => {
  return self.indexOf(value) === index;
});
console.log(newArr);  // [1, 2, 3, 4, 5]