数组/对象去重

最新推荐文章于 2025-05-15 08:59:57 发布

曲小强

最新推荐文章于 2025-05-15 08:59:57 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签：数组去重 js去重

本文链接：https://blog.youkuaiyun.com/quhongqiang/article/details/81067260

ES6 专栏收录该内容

6 篇文章

订阅专栏

本文总结了多种JavaScript中去除数组重复元素的方法，包括使用Set、两层for循环结合splice、利用indexOf、includes、filter及Map等技术实现的去重算法。通过这些方法，可以有效地提高数组处理效率。

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

var arr=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];  
arr=[...new Set(arr)];  
console.log(arr);

Set 是ES6新加的集合,集合中的值不会重复。 ...操作符会将可遍历对象,转换为数组

let arr = [1,2,2,3,4,4,4];
let s = new Set(arr);
//结果：Set {1,2,3,4}

let newArr = Array.from(s);
//结果：[1,2,3,4],完成去重

两层for循环+splice

var arrs=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];  
var unique1 = arr => {
  let len = arr.length;
  for (let i = 0; i < len; i++) {
    for (let j = i + 1; j < len; j++) {
      if (arr[i] === arr[j]) {
        arr.splice(j, 1);
        // 每删除一个树，j--保证j的值经过自加后不变。同时，len--，减少循环次数提升性能
        len--;
        j--;
      }
    }
  }
  return arr;
}
console.log(unique1(arrs))

利用indexOf

var arrs=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];  

const unique2 = arr => {
  const res = [];
  for (let i = 0; i < arr.length; i++) {
    if (res.indexOf(arr[i]) === -1) res.push(arr[i]);
  }
  return res;
}
console.log(unique2(arrs))

利用include

var arrs=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];  

const unique3 = arr => {
  const res = [];
  for (let i = 0; i < arr.length; i++) {
    if (!res.includes(arr[i])) res.push(arr[i]);
  }
  return res;
}
console.log(unique3(arrs))

利用filter

var arrs=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];  

const unique4 = arr => {
  return arr.filter((item, index) => {
    return arr.indexOf(item) === index;
  });
}
console.log(unique4(arrs))

利用Map

var arrs=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];  

const unique5 = arr => {
  const map = new Map();
  const res = [];
  for (let i = 0; i < arr.length; i++) {
    if (!map.has(arr[i])) {
      map.set(arr[i], true)
      res.push(arr[i]);
    }
  }
  return res;
}
console.log(unique5(arrs))