利用ES6实现的一种最简单的数组去重的方法

最新推荐文章于 2023-01-05 20:09:10 发布

原创最新推荐文章于 2023-01-05 20:09:10 发布 · 344 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#es6

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍ES6新增的数据结构Set，该结构类似数组但能确保成员唯一性。通过示例展示如何使用Set去除数组中重复元素，并结合扩展运算符创建新数组。

直接上代码

在这里插入图片描述

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。利用Set对数组去重，再利用ES6扩展运算符（…）展开生成新的数组

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

html_tangkai

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS简单实现数组去重的方法分析

11-27

本文主要介绍了一种简单的JS数组去重方法，通过创建一个新的空数组并利用`indexOf()`方法和`push()`方法来实现。首先，我们来看一下这种方法的具体实现： ```javascript var arr = ['abc', 'abcd', 'sss', '2', '...

JavaScript数组去重的几种方法

10-17

ES6中新增的Set数据结构提供了另一种去重的方法，它是一个新的数据结构，可以自动去除重复的元素，使用Array.from()方法将Set对象转换为数组即可完成去重。 4. 使用JSON.stringify()处理对象：当数组中包含对象时...

参与评论您还未登录，请先登录后发表或查看评论

如何利用es6去重

weixin_34121282的博客

01-15

485

以下是三种方法从数组里去重，并且返回唯一的值。我最喜欢的方式是使用Set，因为它是最短最简单的。 const array = [5, 2, 4, 5, 3];console.log([...new Set(array)])console.log(array.filter((item, index) => array.indexOf(item) ==...

ES6 最简单的数组去重 Set

A_9888的博客

05-12

186

ES6中 set 数据结构 set ES6中的set类似一个数组，但是其中的值都是唯一的，Set本身是一个构造函数，用来生成 Set 数据结构创建一个类似于数组的set 然后用es6的解构赋值转化成数组 const s=new Set(); s.add(1).add(2).add(3).add(2).add(1)//添加数据用add()方法，此方法是可以写成链式的 let arr=[...s] 输出结果：[1,2,3]//里面成员是唯一的利用里面成员是唯一来对数组去重（只能对数组里面的数字去重，不

ES6最简单的数组去重方式

weixin_53339654的博客

01-05

264

let arr1 = [1,2,4,4,22,22,33,33] let set = new Set(arr1); Array.from(set) console.log(set);

【ES6】最简单的对象数组去重的方法

你，若盛开的专栏

08-17

1104

对象数组去重的方法 // arr传数组名，attr传属性名 const uniqueArr=(arr,attr)=> { const res = new Map(); return arr.filter((arr) => !res.has(arr[attr]) && res.set(arr[attr], 1)) } 使用 // 示例数组 let arr = [ { id: 1, name: '张三'}, { id: 1, na.

es6新增的数组去重方法

文正的日志

08-12

2571

function dedupe(arr){ return Array.form(new Set(arr)); } dedupe([1,2,3,4,5,55,5,5]); 不用冒泡、快排，一句代码搞定，简单吧。

vue中对象数组去重的实现

10-15

在Vue中实现对象数组去重的一个常用方法是利用`Map`对象。`Map`对象会存储键值对，并且任何值（对象或原始值）都可以作为键或值，这就为我们的去重提供了便利。具体实现方式是通过遍历数组，以对象中某个特定属性...

JavaScript使用indexOf()实现数组去重的方法分析

10-18

通过本文的介绍，我们可以看到使用indexOf()方法实现数组去重是一个简单且有效的方式。它易于理解和实现，同时也提醒我们注意indexOf()方法的返回值以及利用这个返回值来判断数组中的元素是否唯一。在实际的项目开发...

js代码-数组去重的方法

07-15

数组去重的方法多种多样，每种方法都有其适用场景和优缺点。本文将深入探讨几种常见的JavaScript数组去重技术。 1. **使用Set** ES6引入了新的数据结构Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。...

数组中的字符串去重.html

11-03

数组中的字符串去重.html

ES6数组去重的三个简单方法

weixin_45846357的博客

07-04

1345

第一种：利用Map对象和数组的filter方法代码如下： let arr1 = [1, '1', 1, undefined, undefined, NaN, NaN]; function unique(arr) { const res = new Map(); return arr.filter((a) => !res.has(a) && res.set(a, 1)) } let newArr = unique(arr1); console.log(newArr); 结果如下图

【原】js数组对象去重最简单的方法

weixin_30790841的博客

04-26

221

简单的数组去重是比较简单的，方法也特别多，如给下面的数组去重： let arr = [1,2,2,4,9,6,7,5,2,3,5,6,5] 最常用的可以用for循环套for循环，再用splice删除重复的数组： let arrUnique = function (arr){ for(let i=0; i<arr.length; i+...

es6去重数组的思维方法

baidu_36681154的博客

09-13

929

假设这里有一对数组 [1,2,3,4,5,6,2,3,4,5,6] 我们有一个需求就是把它变成[1,2,3,4,5,6].我们怎样实现这一问题的答案呢？首先得思考我们es6什么方法可以实现这一功能？没错map,那map如何用得呢？表达式如下 [1,2,3,4,5,6,2,3,4,5,6].map(function(){ }) 这时我们得思考把这个过滤后的数组放入一个对象中，所

使用es6方法对数组去重

liuz

03-13

1470

ES6对数组去重 es6中提供了新的数据结构 Set() ，他的所有值都是唯一的。 set其实是一个构造函数所以他的使用方法 new Set() 创建一个实例用来生成set数据结构。set返回的是一个类数组对象,所以还需要配合 Array.from()方法来转换为真正的数组！ ...

ES6-数组+扩展运算符

千里之行，始于足下！

03-04

388

1、使用扩展运算符，将数组进行展开 console.log(...[1,2,3,4,5]) // 1 2 3 4 5 let arr = [ ...(x > 0 ? [1,2,3]: [4,5,6]), 7,8,9 ] [...[]] // [] [...[], 1] // [1] 2、扩展运算符可以用于函数传参，rest参数 function aaa(x, ...rest){ console.log(rest); // [2,3,5,6] } aaa(1,...[2,3

html之js数组去重（面试题）

Quincy.Coder的博客

09-25

1121

<!DOCTYPE html> <html lang="en"> <head> <title>数组去重</title> <meta charset="utf-8"> <script type="text/javascript"> var aRr = [1,2,3,4,5,6,6,7,4,8,3,9,10]; var aRr2 = [];

数组去重

sinat_38992528的博客

05-07

690

//第一种 // ES6 部署了 Set 以及 Array.from 方法，太强大了！如果浏览器支持，完全可以这样： function unique1(arr) { return Array.from(new Set(arr)); } var a = [1,2,2,6,6,6,9,99]; var aa = unique1(a) console.log(aa); // => [Objec...

html去重三种方法,前端html数组去重的方法

weixin_29115107的博客

06-28

1500

这篇文章主要介绍了关于前端html数组去重的方法，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下数组去重用到的知识点：1:indexOf()该方法是返回数组中元素第一次出现的索引值；如果有，则正常返回索引值；如果检索的内容不存在于数组中，则返回-12:for循环练习：数组去重//第一种方法var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4...