ES6 使用set实现数组去重

最新推荐文章于 2024-03-23 22:58:58 发布
最新推荐文章于 2024-03-23 22:58:58 发布
阅读量124 收藏
点赞数
文章标签： es6 vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46066111/article/details/128570415
版权
文章展示了如何利用JavaScript中的Set对象来高效地去除数组中的重复元素。首先定义了一个包含重复数字的数组arr1，然后通过创建一个新的Set对象并传入数组arr1来自动去除重复值。接着，使用Array.from方法将Set转换回数组newArr，最后打印出去重后的新数组。
摘要由CSDN通过智能技术生成

 //set 实现数组去重

//定义一个数组

    let arr1 = [1,1,2,3,4,5,4,5,5,5,6,7,4]

//new一个set对象

    let arr2 = new Set(arr1)

//Array.from转为真正的数组

    let newArr = Array.from(arr2)

//打印新数组

    console.log(newArr);

weixin_46066111
关注
es6 数组去重_JS数组去重的9种方法（包括去重NaN和复杂数组类型）
weixin_39556590的博客
11-21 802
其实网上已经有很多js数组的去重方法，但是我看了很多篇并自己通过代码验证，发现都有一些缺陷，于是在研究多篇代码之后，自己总结了9种方法，如果有哪里不对请及时纠正我哈~测试代码let arr1 = [3, 1, [1], 1, [1], true, true, {}, '1', NaN, undefined, NaN, undefined, {}, null, null];let arr2 = []...
前端 Set实现数组去重
Gonwe的博客
11-01 2035
Set是ES6中新的对象，利用它可以快速数组去重
Es6中用Set去重
阳阳的博客
01-03 2667
简单易上手，快来操作一番，试试看吧
【笔记】利用ES6的set属性实现数组去重
hamal_ye的博客
07-05 1736
数组去重法（利用indexOf查找实现）： var arr = [0,2,3,4,4,0,2]; var res = []; for(var i = 0; i < arr.length; i++){ if(res.indexOf(arr[i]) == -1){ res.push(arr[i]); } } console.log(res);//[0, 2, 3, 4] es6的S...
es6中Set数组去重用法
weixin_45195628的博客
11-26 673
var arr = [1, 4, 5, 1, 4, 3, 1, 7], arr1 = [2, 7, 9], arr2 = [8, 0]; var str = ‘abcdefgacd’; var obj = { ‘a’: ‘1’, ‘b’: ‘2’ }, obj1 = {}; //去重 console.log([...new Set(arr)]);//数组去重简写 //[1, 2, 3, 4, 5, 7, 8, 9, 0] console.log(Array.from(new
ES6 set方法简单快速，数组去重。
little_boy_9527的博客
06-09 3278
var arr = [1,2,2,3,4] // 需要去重的数组 var set = new Set(arr) // {1,2,3,4} var newArr = Array.from(set) // 再把set转变成array console.log(newArr) // [1,2,3,4]
ES6数组去重 new Set()
刺心的博客
06-27 555
输出结果： 包含对象的数组去重有一个坑，大家需要注意一下： 因为每个对象都是唯一的，所以这个数组里面的两个对象没办法去重 去除字符串里面的重复字符
vue中对象数组去重的实现
10-15
在Vue中实现对象数组去重的一个常用方法是利用`Map`对象。`Map`对象会存储键值对，并且任何值（对象或原始值）都可以作为键或值，这就为我们的去重提供了便利。具体实现方式是通过遍历数组，以对象中某个特定属性...
ES6中Set和Map的使用（数组字符串去重）
牛先森家的博客
06-30 765
Set对象 Set概念：Set 集合，类似于数组，但是成员的值都是唯一的，可自动去重 Set创建：new Set(值) 但是得出来的不是一个数组， Set使用： let set = new Set（值） Set方法： add(value) 往Set创建的变量中添加成员 delete(value) 删除某一个值 has(value) 判断一个值存不存在，返回布尔值 clear() 清除所有的成员 <script> // 数组去重 // var arr = [1, 2, 3
ES6 new Set()的基础用法(常用于去重)
qq_37148353的博客
08-23 1万+
1、什么是Set() new set()是es6新增的数据结构，类似于数组，但它的一大特性就是所有元素都是唯一的，没有重复的值，我们一般称为集合，Set本身是一个构造函数，用来生成 Set 数据结构。 使用场景： 用于数组去重、用于字符串去重、实现并集、交集、和差集 2、增删改查方法 2.1 添加元素-----add() 添加某个值，返回 Set 结构本身，当添加实例中已经存在的元素，set不会进行处理添加 let list=new Set(); list.add(1) // {1} list.add(2
数组去重方法
最新发布
m0_74114605的博客
03-23 919
先创建一个空数组prev，然后遍历原数组arr，对于每一个元素进行对比，看它是否出现在prev中，如果不存在 就将它添加到prev中，最后返回prev数组，它就是去重后的数组。创建一个新数组，然后去遍历旧数组，利用forEach遍历判断，如果在新数组的查询中没有发现这个元素就会返回-1，执行数组的push方法，否则结束此次循环进入下一循环。通过遍历原数组来判断元素是否存在新数组中，存在则把元素push到新数组，该方法会更改数组的原始数据。是否包含一个指定的值，如果是返回 true，否则false。
数组的去重方法总结
renfeideboke的博客
04-12 1373
数组的去重方法
new Set()的基础用法(ES6)(常用于数组去重)
JunVei的博客
08-14 1万+
1.什么是set()Set是es6新增的数据结构，似于数组，但它的一大特性就是所有元素都是唯一的，没有重复的值，我们一般称为集合。Set本身是一个构造函数，用来生成 Set 数据结构。
数组去重的五种方法
weixin_71275195的博客
08-19 130
【代码】数组去重的五种方法。
ES6使用Set方法进行数组去重
m0_58151273的博客
01-13 2873
在ES6中可以使用Set方法进行数组去重： let arr = [1,1,1,2,2,3,3,3,4,4] let set = new Set(arr) console.log(set); 输出结果：Set(4) {1, 2, 3, 4} 生成的是一个Set类型而不是一个数组类型，需要我们把他转换成为数组类型 let arr = [1,1,1,2,2,3,3,3,4,4] let set = new Set(arr) console.log(set);
ES6中使用Set数据结构将对象数组去重
南城旧梦_de博客
12-02 742
因为Set数据结构并非真正的数组，它类似于数组，并且成员值都是唯一的，没有重复，所以可以用来做去重操作。// { name: "张三", age: 18, address: "北京" },// { name: "李四", age: 20, address: "天津" },// { name: "王五", age: 22, address: "河北" },{ name: "张三", age: 18, address: "北京" },其中张三和李四为重复对象；
ES6数组去重的最佳实践：Set结合Array.from() | 拓展运算符结合 Set
热门推荐
CRPER
08-31 4万+
ES5及之前大多都是用遍历和算法来实现数组去重，在ES6有一个更为简便的方式。
使用ES6的Set去除数组的重复元素
HaiJing1995的博客
06-02 1万+
使用ES6的Set去除数组的重复元素方法一Array.from()方法可以将Set结构转化为数组结构function dedupe(array) { return Array.from(new Set(array)); }dedupe([1,2,3,3]);方法二扩展运算符（…）内部使用for…of循环let arr = [1,2,3,3]; let unique = [...new Set
es6手写几个数组去重
07-15
使用Set数据结构是一种简单且高效的方法，由于Set不允许重复值，因此可以利用这一特性快速实现数组去重： ```javascript const arr = [1, 2, 3, 4, 5, 1, 2, 3]; const uniqueArr = [...new Set(arr)]; ``` 2...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值