javaScript-----一维数组和数组对象去重的多种方法

在JavaScript中,可以使用多种方法对一维数组和数组对象进行去重。以下是一些常见的方法:

一维数组去重

1. 使用 Set

Set 只允许唯一值,可以直接用于一维数组的去重。

const arr = [1, 2, 3, 1, 2];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3]

2. 使用 filter 和 indexOf

通过 filter 方法配合 indexOf 来去重。

const arr = [1, 2, 3, 1, 2];
const uniqueArr = arr.filter((item, index) => arr.indexOf(item) === index);
console.log(uniqueArr); // [1, 2, 3]

3. 使用 reduce

利用 reduce 方法进行去重。

const arr = [1, 2, 3, 1, 2];
const uniqueArr = arr.reduce((acc, current) => {if (!acc.includes(current)) {acc.push(current);}return acc;
}, []);
console.log(uniqueArr); // [1, 2, 3]

4. 使用对象属性作为键

通过一个对象记录已存在的值,实现去重。

const arr = [1, 2, 3, 1, 2];
const map = {};
const uniqueArr = arr.filter(item => {if (!map[item]) {map[item] = true;return true;}return false;
});
console.log(uniqueArr); // [1, 2, 3]

数组对象去重

1. 使用 Set 和 JSON.stringify

利用 Set 的特性,结合 JSON.stringify 进行去重。

const arr = [{ id: 1 }, { id: 2 }, { id: 1 }];
const uniqueArr = Array.from(new Set(arr.map(a => JSON.stringify(a)))).map(e => JSON.parse(e));
console.log(uniqueArr); // [{ id: 1 }, { id: 2 }]

2. 使用 filter 和 findIndex

通过 filter 方法配合 findIndex 来去重。

const arr = [{ id: 1 }, { id: 2 }, { id: 1 }];
const uniqueArr = arr.filter((item, index) => arr.findIndex(obj => JSON.stringify(obj) === JSON.stringify(item)) === index
);
console.log(uniqueArr); // [{ id: 1 }, { id: 2 }]

3. 使用 reduce

利用 reduce 方法进行去重。

const arr = [{ id: 1 }, { id: 2 }, { id: 1 }];
const uniqueArr = arr.reduce((acc, current) => {const x = acc.find(item => JSON.stringify(item) === JSON.stringify(current));if (!x) {return acc.concat([current]);} else {return acc;}
}, []);
console.log(uniqueArr); // [{ id: 1 }, { id: 2 }]

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/58894.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

生信入门第八课:RNA-seq比对、定量和差异分析

生信入门合集: 生信入门第一课:VirtualBox安装Ubuntu虚拟机 生信入门第二课:RNA-seq生信分析环境搭建-conda及常用软件安装 生信入门第三课:Linux操作系统简介及生信分析常用30个命令 生信入门第四课:生物信息学常…

打响反对人工智能的第一枪

序言:人工智能的讨论不能只有一片叫好的声音,一味的追捧反而可能隐藏巨大的危机。因此,必须有反对的声音,且越强烈越能激发深入思考。本篇文章的作者就以犀利的视角,漂亮地打响了反对人工智能应用的第一枪。 我以前一…

HR为什么都开始使用智能招聘系统?

数字化时代到来,人力资源管理领域正经历着前所未有的变革。 众所周知,今年的招聘市场,HR们正面临着越来越繁重的招聘任务。传统的招聘方式,如手动筛选简历、安排面试等,耗时费力极易出错。而且,传统的招聘…

机器人大模型GR2——在大规模视频数据集上预训练且机器人数据上微调,随后预测动作轨迹和视频(含清华RDT详解)

前言 上个月的24年10.9日,我在朋友圈看到字节发了个机器人大模型GR2,立马去看了下其论文(当然了,本质是个技术报告) 这次也是我头一次看paper,不看正文,而是直奔其References,​看有没有我预想中的文献&a…

【VSCode】配置

安装插件 C vscode-icons gdb调试 https://www.bilibili.com/video/BV15U4y1x7b2/?spm_id_from333.999.0.0&vd_sourcedf0ce73d9b9b61e6d4771898f1441f7f https://www.bilibili.com/video/BV1pU4y1W74Z?spm_id_from333.788.recommend_more_video.-1&vd_sourcedf0…

python使用Tkinter开发GUI交互界面

python使用Tkinter开发GUI交互界面 前言 ​ python语言使用较为灵活,且有丰富的库函数支撑,在解决某些业务问题上有很大优势,python应用领域非常丰富,例如图像处理、数据分析等,但基本都是基于shell脚本形式去用的&a…

客服宝快捷回复软件:客服工作的得力助手

在从事客服工作的这段漫长时间里,响应率和满意度一直是我最为头疼的绩效指标。这两个指标就如同两座大山,压得我时常喘不过气来。 然而,幸运的是,最近我安装了客服宝这个快捷回复软件,这一举措如同为我打开了一扇新的…

Python小白学习教程从入门到入坑------第二十二课 面向对象基础【下】{构造函数析构函数}(语法进阶)

一、构造函数__init__() 1.1 构造函数基础 在Python中,__init__() 方法是一个特殊的方法,被称为类的构造函数(constructor)。它主要用于在创建类的新实例(对象)时初始化该对象的属性。每当通过类创建对象…

Hive的数据存储格式

目录 一、前言 二、存储格式 2.1、文本格式(TextFile) 2.1.1、定义与特点 2.1.2、存储与压缩 2. 1.3、使用场景 2.2、行列式文件(ORCFile) 2.2.1、ORC的结构 2.2.2、ORC的数据类型 2.2.3、ORC的压缩格式 2.2.3、ORC存储…

【云原生】云原生后端:网络架构详解

目录 引言一、微服务间的通信1.1 通信方式概览1.2 HTTP/REST1.3 gRPC1.4 消息队列1.5 GraphQL 二、API网关2.1 API网关架构示例2.2 API网关实现示例 三、服务发现3.1 服务发现实现示例3.2 服务发现的优势 四、网络安全4.1 网络安全最佳实践4.2 网络安全架构示例 总结参考资料 引…

蓝牙BLE开发——红米手机无法搜索蓝牙设备?

解决 红米手机,无法搜索附近蓝牙设备 具体型号当时忘记查看了,如果你遇到有以下选项,记得打开~ 设置权限

华为自研仓颉编程语言官网上线 首个公测版本开放下载

仓颉编程语言官网正式公开上线,同时首个公测版本开放下载。本次仓颉编程语言官网上线了首页、在线体验、文档、学习、下载、动态以及三方库共六个模块,可供开发和学习和体验。 据悉,仓颉编程语言是在今年6月的华为开发者大会上正式公布&…

【AI换脸整合包及教程】AI换脸技术新贵:Rope换脸工具全面解析

随着人工智能技术的快速发展,AI换脸技术逐渐走入大众视野,成为一种既有趣又实用的技术。从早期的DeepFace到后来的Faceswap,再到如今的Rope,每一次技术的革新都带来了更高效、更自然的换脸体验。Rope作为当前市场上最炙手可热的AI…

Ubuntu Linux

起源与背景 Ubuntu起源于南非,其名称“Ubuntu”来源于非洲南部祖鲁语或豪萨语,意为“人性”、“我的存在是因为大家的存在”,这体现了非洲传统的一种价值观。Ubuntu由南非计算机科学家马克沙特尔沃斯(Mark Shuttleworth&#xff…

angular实现dialog弹窗

说明&#xff1a; angular实现dialog弹窗 效果图&#xff1a; step1&#xff1a;E:\projectgood\ajnine\untitled4\src\app\apple\apple.component.html <button mat-button (click)"openDialog()">Open dialog</button>step2&#xff1a;E:\projectgo…

《JVM第4课》程序计数器

无痛快速学习入门JVM&#xff0c;欢迎订阅本免费专栏 Java程序计数器&#xff08;Program Counter Register&#xff09;是Java虚拟机&#xff08;JVM&#xff09;运行数据区的一个组成部分。每个线程都有它自己的程序计数器&#xff0c;这部分内存用于存储该线程下一条要执行的…

闪存学习_1:Flash-Aware Computing from Jihong Kim

闪存学习_1&#xff1a;Flash-Aware Computing from Jihong Kim 前言一、Storage Media&#xff1a;NAND Flash Memory1、概念2、编程和擦除操作3、读操作4、异地更新操作&#xff08;Out-Place Update&#xff09;5、数据可靠性6、闪存控制器&#xff08;SSD主控&#xff09;7…

嵌入式web开发:boa、lighttpd

嵌入式web开发&#xff1a;boa、lighttpd https://blog.csdn.net/m0_37105371/category_10937068.html BOA服务器的移植-CSDN博客 【第1部分&#xff1a;boa服务器部署到ubuntu里】 http://www.boa.org/boa-0.94.13.tar.gz tar xvzf boa-0.94.13.tar.gz cd boa-0.94.13/src/ a…

使用模板工厂模式实现动态创建C++对象

一、前言 在现代C开发中&#xff0c;工厂模式是常见的设计模式之一&#xff0c;能够有效地解耦对象创建与使用代码。本文介绍一个模板类 ComponentsFactory&#xff0c;它运用了模板编程和工厂模式&#xff0c;实现了一种动态的对象创建方式。通过该工厂&#xff0c;我们可以基…

Linux_04 Linux常用命令——tar

一、命令格式 tar [选项] [归档文件] [要处理的文件或目录]1、选项 c创建归档文件x解压缩归档文件z使用gzipj使用bzip2v处理过程显示信息f指定归档文件名称 2、归档文件-可指定目录及文件名 /home/wang.tar.gz 3、要处理的文件或目录 /home/study1/wang 二、常见命令 t…