• 欢迎来到八本那年博客,很高兴可以在对的年纪遇见对的你!
  • 因主题导致QQ登录的小伙伴在评论中显示默认头像,请去个人中心重新上传头像即可。

理解ES6中的Set结构

代码笔记 barben 4个月前 (04-02) 180次浏览 2个评论

Set是什么?

ES6新增了一种数据结构叫做Set。它类似于数组,但是它本身没有重复值。

new Set() 的参数可以是什么?

1.数组

2.类似于数组的对象
比如DOM操作返回的NodeList集合,以及函数内部的arguments对象。

// NodeList对象
document.querySelectorAll('p');

// arguments对象
function args() {
  return arguments;
}


3.甚至可以是字符串

需要注意的地方

1.在Set数据结构里,有一个size属性,可以把他看做是数组中的length。

2.Set数据结构没有键名,也就是说,你不能像数组一样使用索引来得到它的某个值。

将Set结构转换成数组

虽然Set和数组类似,但是数组中的很多方法不能用在Set上面。所以有些时候需要将它转换成数组。

使用Array.from方法
此方法用于将两类对象转为真正的数组:
· 类似数组的对象(array-like object)
· 可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)

有关Array.from的详细说明请点击这里

Set实例的方法


八本那年博客,我们一直都在
如作者未注明既为原创文章,转载请注明本文链接及出处
理解ES6中的Set结构 - https://www.barben.cn/code/707.html
喜欢 (3)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体

在八本那年评论需要带上你的昵称和邮箱哦!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址