09-内置对象扩展:Set数据结构

5,887次阅读
没有评论

共计 626 个字符,预计需要花费 2 分钟才能阅读完成。

Set 数据结构

Set 数据结构的介绍

ES6 提供了 新的数据结构 Set。Set 类似于 数组 ,但成员的值都是 唯一 的,没有重复的值。

Set 的应用有很多。比如,在 H5 页面的搜索功能里,用户可能会多次搜索重复的关键字;但是在数据存储上,不需要存储重复的关键字。此时,我们就可以用 Set 来存储用户的搜索记录,Set 内部会自动判断值是否重复,如果重复,则不会进行存储,十分方便。

生成 Set 数据结构

Set 本身就是一个构造函数,可通过 new Set() 生成一个 Set 的实例。

举例 1:

const set1 = new Set();
console.log(set1.size); // 打印结果:0

举例 2、可以接收一个 数组 作为参数,实现 数组去重

const set2 = new Set(['张三', '李四', '王五', '张三']); // 注意,这个数组里有重复的值

// 注意,这里的 set2 并不是数组,而是一个单纯的 Set 数据结构
console.log(set2); // {" 张三 ", " 李四 ", " 王五 "}

// 通过扩展运算符,拿到 set 中的元素(用逗号分隔的序列)// ...set2 //  " 张三 ", " 李四 ", " 王五 "

// 注意,到这一步,才获取到了真正的数组
console.log([...set2]); // [" 张三 ", " 李四 ", " 王五 "]

注意上方的第一行代码,虽然参数里传递的是数组结构,但拿到的 set2 不是数组结构,而是 Set 结构,而且里面元素是去重了的。通过 [...set2]就可以拿到 set2 对应的数组。

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-10发表,共计626字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)