JavaScript中Set的使用

简介: 因为Set中存放的数据都是不会重复的数据,我们在编写JS代码的时候,因此我们可以利用Set来帮助我们更便捷地完成许多的事!

因为Set中存放的数据都是不会重复的数据,我们在编写JS代码的时候,因此我们可以利用Set来帮助我们更便捷地完成许多的事!

1、JS中Set的定义:

var set = new Set();

2、JS中Set的遍历:

set .forEach(function (element, sameElement, set) {
    console.log(element);
  }

3、JS中Set的操作方法:

(1):数组与Set之间的转换:

  • 一:数组转Set:
  var arr = ["1","2","1","2","3","1"];
  var set = new Set(arr);
  //得到一个新的Set:{"1","2","3"};
  • 二:Set转数组:
  var arr1= Array.from(set );
  //得到一个新的数组:["1","2","3"];
  • (2):使用Set给数组去重:
      //定义一个新的数组:
        var arr = ["1","2","1","2","3","1"];
  • 方法一:
    var arr1 = Array.from(new Set(arr));
    //得到一个新的数组:["1","2","3"];
  • 方法二:
    var arr1 = [...new Set(arr)];
    //得到一个新的数组:["1","2","3"];
  • (3):求两个Set的并集,交集,差集:
      var arr1 = ["1","2","3"];
        var arr2 = ["1","2"];
        var set1= new Set(arr1);
        var set2= new Set(arr2);
        //并集后:
        var newSet1 = new Set([...set1,...set2]);
        //得到一个新的Set:{"1","2","3"};
        //交集后:
        var newSet2 = new Set([...set1].filter(x => set2.has(x)));
        //得到一个新的Set:{"1", "2"};
        //差集后:
        var newSet3 = new Set([...set1].filter(x => !set2.has(x)));
        //得到一个新的Set:{"3"};

至此,在JS中使用Set的使用方法暂时写到这儿,以后想起来再更新

目录
相关文章
|
13天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
20 3
|
4月前
|
JavaScript 前端开发 定位技术
JavaScript 中如何代理 Set(集合) 和 Map(映射)
JavaScript 中如何代理 Set(集合) 和 Map(映射)
50 0
|
4月前
|
存储 JavaScript 前端开发
【JavaScript】Set、Map、WeakSet、WeakMap
Set、Map、WeakSet和WeakMap是ES6引入的新的数据结构,它们在处理数据时具有不同的特性和用途。本文将详细介绍它们的用法、特性、区别、优缺点以及使用场景和注意事项,并给出相应的代码示例
48 0
|
23天前
|
存储 JavaScript 前端开发
JavaScript高级主题:JavaScript 中的 Map 和 Set 是什么?它们有什么区别?
JavaScript的ES6引入了Map和Set数据结构。Map用于存储键值对,适合通过键进行查找,而Set则存储唯一值,无键且不支持键查找。两者在性能上表现出色,尤其在频繁的写入删除操作中。选择使用哪个取决于具体应用场景:键值对需求选Map,独特值集合则选Set。
20 2
|
2月前
|
JavaScript
Vue.js 实用技巧:深入理解 Vue.set 方法
Vue.js 实用技巧:深入理解 Vue.set 方法
|
2月前
|
存储 JavaScript 前端开发
javascript中的Map和Set
javascript中的Map和Set
|
4月前
|
存储 JavaScript 前端开发
JavaScript 中 Set 和 Map 的区别
JavaScript 中 Set 和 Map 的区别
24 0
|
4月前
|
人工智能 JavaScript 前端开发
让OpenAi给我写个JS的set对象的笔记和快速去重方法
让OpenAi给我写个JS的set对象的笔记和快速去重方法
21 0
|
4月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
24 0
|
8月前
|
JavaScript
js 中 Map 和 Set 区别
js 中 Map 和 Set 区别