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的使用方法暂时写到这儿,以后想起来再更新

目录
相关文章
|
8月前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
111 3
|
8月前
|
JavaScript 前端开发 定位技术
JavaScript 中如何代理 Set(集合) 和 Map(映射)
JavaScript 中如何代理 Set(集合) 和 Map(映射)
126 0
|
8月前
|
存储 JavaScript 前端开发
【JavaScript】Set、Map、WeakSet、WeakMap
Set、Map、WeakSet和WeakMap是ES6引入的新的数据结构,它们在处理数据时具有不同的特性和用途。本文将详细介绍它们的用法、特性、区别、优缺点以及使用场景和注意事项,并给出相应的代码示例
105 0
|
8月前
webpack.config.js配置文件报错:The ‘mode‘ option has not been set
webpack.config.js配置文件报错:The ‘mode‘ option has not been set
113 0
|
7月前
|
存储 JavaScript 前端开发
JavaScript进阶-Map与Set集合
【6月更文挑战第20天】JavaScript的ES6引入了`Map`和`Set`,它们是高效处理集合数据的工具。`Map`允许任何类型的键,提供唯一键值对;`Set`存储唯一值。使用`Map`时,注意键可以非字符串,用`has`检查键存在。`Set`常用于数组去重,如`[...new Set(array)]`。了解它们的高级应用,如结构转换和高效查询,能提升代码质量。别忘了`WeakMap`用于弱引用键,防止内存泄漏。实践使用以加深理解。
90 3
|
2月前
|
JavaScript 前端开发 Java
除了 JavaScript,还有哪些编程语言支持 Set 类型
【10月更文挑战第30天】这些编程语言中的 `Set` 类型虽然在语法和具体实现细节上有所不同,但都提供了类似的集合操作功能,方便开发者在不同的编程场景中处理集合相关的数据和逻辑。
|
4月前
|
存储 JavaScript 前端开发
js的map和set |21
js的map和set |21
|
4月前
|
JavaScript 前端开发
JavaScript 中的新 Set 方法
JavaScript 中的新 Set 方法
36 1
|
6月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
68 1
|
6月前
|
JavaScript API 索引
JS【详解】Set 集合 (含 Set 集合和 Array 数组的区别,Set 的 API,Set 与 Array 的性能对比,Set 的应用场景)
JS【详解】Set 集合 (含 Set 集合和 Array 数组的区别,Set 的 API,Set 与 Array 的性能对比,Set 的应用场景)
108 0