【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]
相关推荐
aramae16 小时前
详细分析平衡树--红黑树(万字长文/图文详解)
开发语言·数据结构·c++·笔记·算法
stayong16 小时前
市面主流跨端开发框架对比
前端
一百天成为python专家16 小时前
python爬虫入门(小白五分钟从入门到精通)
开发语言·爬虫·python·opencv·yolo·计算机视觉·正则表达式
一米八二的矮个子16 小时前
JavaScript语法进阶(一)
javascript
Mr YiRan16 小时前
多线程性能优化基础
android·java·开发语言·性能优化
庞囧16 小时前
大白话讲 React 原理:Scheduler 任务调度器
前端
liyi_hz200816 小时前
O2OA (翱途)开发平台新版本发布预告:架构升级、性能跃迁、功能全面进化
android·java·javascript·开源软件
熊猫钓鱼>_>16 小时前
Java String 性能优化与内存管理:现代开发实战指南
java·开发语言·性能优化
练习时长一年16 小时前
Spring容器的refresh()方法
java·开发语言
东华帝君17 小时前
react 虚拟滚动列表的实现 —— 动态高度
前端