千锋教育-做有情怀、有良心、有品质的职业教育机构

当前位置:首页  >  关于学院  >  技术干货  >  Java技术干货  >  正文

js数组中去除重复值的几种方法

来源:千锋教育
发布时间:2023-04-28 14:55:07
分享

  JavaScript中去除数组中的重复值可以有以下几种方法:

  使用Set:将数组转化为Set集合,然后将Set集合转化为数组即可。由于Set集合不能有重复值,所以会自动去除数组中的重复值。代码如下:

const arr = [1, 2, 2, 3, 4, 4, 5];
const arrWithoutDuplicates = Array.from(new Set(arr));
console.log(arrWithoutDuplicates); // [1, 2, 3, 4, 5]

  使用filter和indexOf:利用filter和indexOf方法,遍历数组,判断数组中元素第一次出现的位置和当前位置是否相同,相同则表示重复,过滤掉即可。代码如下:

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

  使用reduce:利用reduce方法遍历数组,将非重复元素添加到新数组中。代码如下:

const arr = [1, 2, 2, 3, 4, 4, 5];
const arrWithoutDuplicates = arr.reduce((prev, cur) => prev.includes(cur) ? prev : [...prev, cur], []);
console.log(arrWithoutDuplicates); // [1, 2, 3, 4, 5]

 

  使用Map:利用Map数据结构,遍历数组,将数组元素作为Map的键值,由于Map不能有重复键值,所以会自动去除数组中的重复值。代码如下:

const arr = [1, 2, 2, 3, 4, 4, 5];
const arrWithoutDuplicates = [...new Map(arr.map(item => [item, item])).values()];
console.log(arrWithoutDuplicates); // [1, 2, 3, 4, 5]

  以上几种方法都可以有效地去除数组中的重复值,选择合适的方法可以提高代码的效率和可读性。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

相关推荐

  • springcloud和dubbo的区别是什么? SpringCloud和Dubbo是两个在分布式系统开发中常用的框架,它们有以下几个主要区别:1.生态系统和发展历程:-Dubbo是由阿里巴巴集团开发并开源的,主要在中国的互联网企业中广泛使用,并且有
  • dubbo是什么?有哪些特性?-小王 Dubbo是一个开源的高性能RPC(远程过程调用)框架,由阿里巴巴集团开发并开源。它提供了分布式服务治理的解决方案,旨在简化大规模分布式系统中服务之间的通信和调用。Dubbo的设计目标是提供高性能、透
  • java面试之消息队列mq的实现原理 消息队列(MessageQueue)是一种在应用程序之间传递消息的通信模式。它提供了一种异步的、解耦的方式来实现不同系统、模块或组件之间的通信。消息队列的实现原理可以简要概括如下:1.**消息发布(P
  • java hash 加密字符串,使用 MessageDigest 类 在Java中,可以使用MessageDigest类来进行哈希加密(散列算法)。下面是使用MessageDigest类进行字符串哈希加密的示例:importjava.security.MessageDi
  • java object添加属性怎么实现? 在Java中,一个对象的属性通常是在类的定义中声明的,并通过类的构造函数或方法来进行初始化和设置。但是,如果你想为一个已有的对象动态添加属性,Java并没有直接支持这种操作。然而,你可以使用其他方式来
  • stringbuilder字符串 StringBuilder是一个用于构建和操作字符串的类,通常用于需要频繁拼接和修改字符串的场景,特别是在循环中。在许多编程语言中都有类似于StringBuilder的概念,下面是一个Java语言中使