【js】数组去重

在JavaScript中,数组去重是一项常见的操作,可以通过多种方法实现。以下是几种常用的数组去重方法:

1. 利用 Set 对象

Set 是一个集合,它内部的元素都是唯一的,因此可以利用 Set 对象来快速去重。

javascript 复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = [...new Set(array)];
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

2. 利用 filter() 方法

使用数组的 filter() 方法,结合 indexOf(),可以筛选出首次出现的元素。

javascript 复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = array.filter((item, index) => {
  return array.indexOf(item) === index;
});
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

3. 利用 reduce() 方法

使用数组的 reduce() 方法,可以逐步构建一个去重后的新数组。

javascript 复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = array.reduce((unique, item) => {
  return unique.includes(item) ? unique : [...unique, item];
}, []);
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

4. 利用对象属性

通过创建一个空对象,利用对象的属性来判断元素是否重复。

javascript 复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueObj = {};
let uniqueArray = array.filter((item) => {
  return uniqueObj.hasOwnProperty(item) ? false : (uniqueObj[item] = true);
});
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]
相关推荐
presenttttt14 分钟前
用Python和OpenCV从零搭建一个完整的双目视觉系统(四)
开发语言·python·opencv·计算机视觉
每日出拳老爷子20 分钟前
[C#] 使用TextBox换行失败的原因与解决方案:换用RichTextBox的实战经验
开发语言·c#
半桔23 分钟前
【Linux手册】从接口到管理:Linux文件系统的核心操作指南
android·java·linux·开发语言·面试·系统架构
nightunderblackcat32 分钟前
新手向:实现ATM模拟系统
java·开发语言·spring boot·spring cloud·tomcat·maven·intellij-idea
开开心心就好35 分钟前
电脑息屏工具,一键黑屏超方便
开发语言·javascript·电脑·scala·erlang·perl
江号软件分享36 分钟前
有效保障隐私,如何安全地擦除电脑上的敏感数据
前端
笑衬人心。42 分钟前
Java 17 新特性笔记
java·开发语言·笔记
web守墓人2 小时前
【前端】ikun-markdown: 纯js实现markdown到富文本html的转换库
前端·javascript·html
序属秋秋秋2 小时前
《C++初阶之内存管理》【内存分布 + operator new/delete + 定位new】
开发语言·c++·笔记·学习
Savior`L2 小时前
CSS知识复习5
前端·css