老铁们,大家好,相信还有很多朋友对于深入浅出ES6:全面解析Set()数据结构的应用与技巧和的相关问题不太懂,没关系,今天就由我来为大家分享分享深入浅出ES6:全面解析Set()数据结构的应用与技巧以及的问题,文章篇幅可能偏长,希望可以帮助到大家,下面一起来看看吧!
//示例1
const s=new Set([1,2,3,3,2,1]);
console.log(.s) //1 2 3
//示例2
常量arr=[1,2,3,3,2,5]
const s=[.新集合(arr)]
console.log(s) //[1,2,3,5]
//示例3
const str="aabbcd"
const s=[.new Set(str)].join("")
console.log(s) //"abcd"
//示例4
const s=new Set([1,2,3,3,2,1]);
console.log(s.size) //3
2.Set实例的方法和属性
属性:
Set.prototype.constructor: 构造函数,默认为Set函数。
Set.prototype.size: 返回Set 实例的成员总数。
方法:
操作方法
add(value): 添加一个值并返回Set 结构本身。
delete(value): 删除一个值并返回一个布尔值。
has(value): 检测Set的成员是否有这个值,并返回一个布尔值。
clear(value): 清除所有成员而不返回值。
遍历方法
keys():返回键名的遍历器
value():返回键值的遍历器
Entry():返回键值对的遍历器
forEach():使用回调函数遍历每个成员
操作方法例子:
const s=new Set();
s.add(1) //1
s.add(2) //1 2
s.add(2) //1 2
s.has(2) //正确
s.delete(1) //正确
s.has(1) //false
遍历方法例子
const arr=["红","蓝","黄","天蓝"]
const s=new Set(arr);
for(让i 为s.keys()){
控制台.log(i)
}
//红色的
//蓝色的
//黄色的
//天蓝色
for(让i 为s.values()){
控制台.log(i)
}
//红色的
//蓝色的
//黄色的
//天蓝色
for(让i 为s.entries()){
控制台.log(i)
}
//["红色","红色"]
//["蓝色","蓝色"]
//["黄色","黄色"]
//["天蓝","天蓝"]
s.forEach((key,value)=console.log(`${key}: ${value}`))
//red: 红色
//blue: 蓝色
//yellow: 黄色
好了,关于深入浅出ES6:全面解析Set()数据结构的应用与技巧和的问题到这里结束啦,希望可以解决您的问题哈!
【深入浅出ES6:全面解析Set()数据结构的应用与技巧】相关文章:
2.米颠拜石
3.王羲之临池学书
8.郑板桥轶事十则
用户评论
终于学习到ES6里 Set 的用法了,太方便了!
有11位网友表示赞同!
我一直想找一个专门存放唯一值的容器, Set 就非常合适啊。
有18位网友表示赞同!
Set 有哪些常用的方法呢?可以分享一下吗?
有10位网友表示赞同!
用 Set 来存储数组中的重复元素确实比其他方式更加简洁易读!
有13位网友表示赞同!
我觉得使用 Set 比传统的遍历检测重复值效率更高。
有9位网友表示赞同!
学习前端开发,知道 Set 的应用会帮我写更流畅的代码!
有8位网友表示赞同!
现在 JavaScript 中的数据结构种类也太多了吧,需要好好学习一下!
有15位网友表示赞同!
Set() 数据结构让我对ES6更熟悉了。
有13位网友表示赞同!
这篇文章看起来很详细,我很想了解一下 Set 的底层实现原理。
有14位网友表示赞同!
Set 和 Map 常常被混淆,有什么区别吗?
有20位网友表示赞同!
Set 用来做什么用场景最多呢?希望文章能举一些例子!
有6位网友表示赞同!
之前做项目的时候经常会遇到重复数据的处理问题,Set 看起来是个很好的解决方案。
有7位网友表示赞同!
学习了 Set 的使用技巧后,我的代码会更加简洁高效!
有14位网友表示赞同!
感谢作者分享这篇文章,让我对 ES6 中的 Set 了解得更深入。
有13位网友表示赞同!
在项目中经常用到数据去重,Set 对我来说是个强力的工具。
有8位网友表示赞同!
想要进一步理解 Set 的应用场景,希望能看到更多实战例子!
有5位网友表示赞同!
我觉得这款 ES6 的 Set 数据结构挺有意思的,很有用。
有18位网友表示赞同!
学习新的编程知识真是太酷了,可以让我写出更加优秀的代码!
有11位网友表示赞同!
现在越来越觉得掌握 JavaScript 的各种数据结构很重要。
有20位网友表示赞同!
这篇文章解释得很清晰易懂,对初学者非常友好!
有9位网友表示赞同!