ES6 对象数组 / 数组去重

CrayonJ

已于 2022-07-28 15:56:13 修改

阅读量193

点赞数

文章标签： javascript 前端

于 2022-04-29 11:01:26 首次发布

本文链接：https://blog.csdn.net/Crayon111/article/details/124491304

版权

这篇博客介绍了两种JavaScript中实现数组和对象数组去重的方法。ObjectArrayUnique函数利用Map来过滤并存储对象的value，避免重复。ArrayUnique函数则是通过Set的特性来去除数组中的重复元素。示例中展示了一个包含多种类型元素的数组去重后的结果。

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

// 对象数组去重
// value为需要去重的属性
ObjectArrayUnique( arr ) {
 const res = new Map();
 return arr.filter( ( arr ) => !res.has( arr.value ) && res.set( arr.value, 1 ) );
}

// 数组去重
ArrayUnique (arr) {
  return Array.from(new Set(arr))
}
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
console.log(unique(arr))
 //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]