快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

ES6中集合set的示例分析

这篇文章给大家分享的是有关ES6中集合set的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联建站主营来宾网站建设的网络公司,主营网站建设方案,成都App定制开发,来宾h5微信平台小程序开发搭建,来宾网站营销推广欢迎来宾等地区企业咨询

集合set

新的数据结构Set(集合),它类似于数组,成员的值都是唯一的,集合实现了iterator接口,所以可以使用扩展运算符和for of遍历

集合的属性和方法

  • 1 size  返回集合的元素个数

  • 2 add  添加一个新元素,返回当前集合

  • 3 delete  删除元素,返回boolean值

  • 4 has  检测集合中是否包含某个元素,返回boolean值

  • 5 clear  清空

    // 声明
    let s = new Set();
    let s2 = new Set([1, 2, 3, 6, 7]);
    console.log(s2);// 5
    s2.add(8);// 添加新元素 
    console.log(s2);// 输出 {1, 2, 3, 6, 7, 8}
    s2.delete(8);
    console.log(s2);// 输出 {1, 2, 3, 6, 7}
    console.log(s2.has(8));// false
    // s2.clear();// 清空


    let arr = [1, 2, 3, 3, 3, 6, 6, 8];
    let arr2 = [1, 3, 6, 7, 8];
    // 数组去重
    let result = [...new Set(arr)];
    // 交集
    let result = [...new Set(arr)].filter(item => new Set(arr2).has(item));
    // 并集
    let result = [...new Set([...arr, ...arr2])];
    // 差集 arr有arr2中没有
    let result = [...new Set(arr)].filter(item => !(new Set(arr2).has(item)));

感谢各位的阅读!关于“ES6中集合set的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


分享文章:ES6中集合set的示例分析
标题URL:http://6mz.cn/article/jogejg.html

其他资讯