【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]
相关推荐
爱米的前端小笔记8 分钟前
前端八股自学笔记分享—页面布局(二)
前端·笔记·学习·面试·求职招聘
小尤笔记11 分钟前
利用Python编写简单登录系统
开发语言·python·数据分析·python基础
秦老师Q14 分钟前
Java基础第九章-Java集合框架(超详细)!!!
java·开发语言
计算机毕设源码qq-383653104115 分钟前
(附项目源码)Java开发语言,215 springboot 大学生爱心互助代购网站,计算机毕设程序开发+文案(LW+PPT)
java·开发语言·spring boot·mysql·课程设计
无尽的大道26 分钟前
深入理解 Java 阻塞队列:使用场景、原理与性能优化
java·开发语言·性能优化
loey_ln30 分钟前
webpack配置和打包性能优化
前端·webpack·性能优化
建群新人小猿32 分钟前
会员等级经验问题
android·开发语言·前端·javascript·php
爱上语文33 分钟前
HTML和CSS 表单、表格练习
前端·css·html
djk888843 分钟前
Layui Table 行号
前端·javascript·layui