欢迎来真孝善网,为您提供真孝善正能量书籍故事!

深入浅出ES6:全面解析Set()数据结构的应用与技巧

时间:11-09 神话故事 提交错误

老铁们,大家好,相信还有很多朋友对于深入浅出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 的用法了,太方便了!

    有11位网友表示赞同!

堕落爱人!

我一直想找一个专门存放唯一值的容器, Set 就非常合适啊。

    有18位网友表示赞同!

哥帅但不是蟋蟀

Set 有哪些常用的方法呢?可以分享一下吗?

    有10位网友表示赞同!

太难

用 Set 来存储数组中的重复元素确实比其他方式更加简洁易读!

    有13位网友表示赞同!

执拗旧人

我觉得使用 Set 比传统的遍历检测重复值效率更高。

    有9位网友表示赞同!

稳妥

学习前端开发,知道 Set 的应用会帮我写更流畅的代码!

    有8位网友表示赞同!

不要冷战i

现在 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位网友表示赞同!

【深入浅出ES6:全面解析Set()数据结构的应用与技巧】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活