ES6去重

最新推荐文章于 2022-04-21 11:16:29 发布
最新推荐文章于 2022-04-21 11:16:29 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： js 文章标签： javaScript js ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43970491/article/details/96485136
版权

最近忽然想起来数组去重，就了解了一下，ES6去重，也特别好用和简单。接下来一起来看一看

Set 和 Array.from

方法一 Set

在这里插入图片描述
在这里插入图片描述

通过浏览器打印我们可以看到，重复的选项已经被去除，其数组内的重复的字符串和数值，都已经去除，按照顺序关系，保留解析到的第一个，其中undefined，null，NaN，重复的也可以去重。但是返回值是对象，如果你想要数组怎么办？试试下边的方法

方法二 Array.from（）
在这里插入图片描述
在这里插入图片描述

这样打印出来就是数组了， 不过还是老规矩 神奇的IE不支持

� 干脆来碗面
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端javaScript es6语法学习 demo
12-25
Set在处理去重、并集、交集等场景下十分有用。 6. **箭头函数**：箭头函数提供了一种更简洁的函数定义方式，如`(params) => expression`。它没有自己的`this`，而是继承自父作用域，这解决了回调函数中`this`指向...
js脚本实现数据去重
10-25
例如，可以使用ES6的Set结构来快速去重，或者使用`filter()`方法结合`indexOf()`或`includes()`。 2. **数据类型**：如果数据不是字符串，而是对象，需要基于特定属性去重，这时需创建一个临时对象或Map来存储已...
es6去重
weixin_42619706的博客
07-30 226
1.遍历数组法 它是最简单的数组去重方法（indexOf方法） 实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中； var arr=[2,8,5,0,5,2,6,7,2]; function unique1(arr){ var hash=[]; for (var i = 0; i < arr.length; i++) ...
es6 去重排序
weixin_30462049的博客
07-18 368
var arr=[1,3,3,5,9,4,6,7]; let s=new Set(arr1); let arr = [....s]; consolo.log(arr); //打印出来的是1，3，4，5，6，7，9 转载于:https://www.cnblogs.com/zhangyongxi/p/11206691.html...
Es6 去重方法
前端开发小白9527
04-21 1381
去重：包括数组，字符串去重 // es6 set方法 let arr = [1, 4, 5, 1, 4, 3, 1, 7] let arr1 = [2, 7, 9] let arr2 = [8, 0]; let str = 'abcdefgacd'; //去重 console.log([...new Set(arr)]);//数组去重简写 //[1, 2, 3, 4, 5, 7, 8, 9, 0] console.log(Arr
如何利用es6去重
weixin_33851177的博客
01-15 217
以下是三种方法从数组里去重，并且返回唯一的值。我最喜欢的方式是使用Set，因为它是最短最简单的。 const array = [5, 2, 4, 5, 3]; console.log([...new Set(array)]) console.log(array.filter((item, index) => array.indexO...
ES6去重数组
走在秃头的路上的博客
03-20 107
var arr=[1,2,3,1,1,3,4,5,6]; var arr2= [...new Set(arr)] console.log(arr2);
ES6数组去重的三个简单办法
热门推荐
weixin_44526618的博客
06-19 8万+
ES6数组去重的三个简单办法 简单说一下利用ES6实现数组去重的三个办法。 第一种: 利用Map对象和数组的filter方法 贴上相关代码 打印后的结果 通过打印我们发现，确实实现了我们想要的效果。那么下面简单来解释一下。 1.Map对象是ES6提供的一个新的数据结构，其中has的办法是返回一个布尔值，表示某个值是否存在当前的Mp对象之中，set的办法是给Map对象设置key/value。 2...
ES6数组去重
weixin_44283589的博客
03-23 1529
const arr = [...new Set([1,1,2,3])] //[1,2,3]
ES6去重和排序
xiao白的博客
05-17 2829
其实代码很简单就是用了es6语法。 var arr=[1,3,3,5,9,4,8,6,7,2,8]; arr = Array.from(new Set(arr)) // 正序 console.log(arr.sort()) // 先正序在翻转就成了倒序了 console.log(arr.sort().reverse()) 1. ...
js数组去重-duplicateRemoval
02-23
1. **使用Set对象**：Set是ES6新增的数据结构，类似于数组，但成员的值都是唯一的，没有重复的值。因此，通过创建一个新的Set，再将其转换回数组，可以轻松地去除重复项。 ```javascript let arr = [1, 2, 3, 3, 4,...
ES6经典面试题.docx
10-29
Set 是一种类似于数组的数据结构，但是每个元素都必须是唯一的，常用于数组的去重。 11. Map 是什么，有什么作用？ Map 是一种类似于对象的数据结构，他的 key 不受数据类型的约束可以是任意类型。 12. Proxy 是...
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
10-15
以下是一些ES6的常用小技巧，涵盖了去重、交换变量、合并数组、字符串反转、数组迭代、数值计算等多个方面。 1- **数组去重** 在ES6中，可以利用Set的数据结构来轻松实现数组的去重。Set是一个不包含重复元素的...
守望先锋资讯小程序(源码).zip
07-28
守望先锋资讯小程序(源码).zip
无人智能化关键技术及其在火炮系统中的应用_常建龙.caj
最新发布
07-28
无人智能化关键技术及其在火炮系统中的应用_常建龙
本科设计-机器学习识别图片验证码-可执行内含文档代码-可执行内含文档代码.zip
07-28
本科设计-机器学习识别图片验证码-可执行内含文档代码-可执行内含文档代码.zip
【2023】智能网联汽车数据安全合规白皮书-路特斯科技&普华永道_43页.pdf
07-28
【2023】智能网联汽车数据安全合规白皮书-路特斯科技&普华永道_43页.pdf
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值