JavaScript中Set的使用

朴灿烈づ我的快乐病毒、 2021-12-05 14:41 398阅读 0赞

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

如您在阅读中发现不足，欢迎留言！！！

发表评论取消回复

表情：

评论列表（有 0 条评论，398人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中的new map()和new set()使用详细（new map()和new set()的区别）

在JavaScript中，new Map()用于创建一个新的 Map 对象。Map 对象是一种键值对的集合，其中的键是唯一的，值可以重复。而 new Set() 是用来创...

浅浅的花香味﹌/ 2024年04月22日 22:28/ 0 赞/ 79 阅读

相关 vue中$set使用

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

向右看齐/ 2023年08月17日 16:51/ 0 赞/ 61 阅读

相关 JAVASCRIPT 遍历set获取set中的值

js中Array可以使用下标，Map和Set不能使用下标。但是Array,Map,Set都属于iterable类型。使用iterable内置的forEach方法。声明set

深碍√TFBOYSˉ_/ 2023年06月25日 04:34/ 0 赞/ 11 阅读

相关 Vue中$set使用

在data中定义了一个数组，比如： data(){ return{ names: [{ no: "", str: "" }]

逃离我推掉我的手/ 2023年03月05日 03:28/ 0 赞/ 26 阅读

相关了解JavaScript中的Map和Set对象

The author selected the [Open Internet/Free Speech Fund][Open Internet_Free Speech Fund]

我就是我/ 2022年11月28日 15:29/ 0 赞/ 173 阅读

相关 Java中Set的使用

Set接口的元素不能重复，可以排序。子类： 1、Hashset 散列（输出有时有序，有时无序） 2、TreeSet 有序（输出有序） import jav

系统管理员/ 2022年07月16日 02:20/ 0 赞/ 174 阅读

相关 Java中Set集合的使用

　　除了List之外，Set集合接口也经常使用，Set接口中存放的元素是无序的并且是不可重复的，因此被称为数据集；　　Set接口因为是无序的，所以没有提供像List一样的s

墨蓝/ 2022年03月28日 08:39/ 0 赞/ 261 阅读

相关 vue中$set的使用场景

场景1: 通过数组的下标去修改数组的值,数据已经被修改了,但是不触发updated函数,视图不更新, export default { data

喜欢ヅ旅行/ 2022年03月27日 06:42/ 0 赞/ 361 阅读

相关 Datatage中Parameter Set的使用

1.新建Parameter Set，File-->New视图下，选择Other-->Parameter Set,点击OK ![watermark_type_ZmFuZ3poZ

我就是我/ 2022年01月15日 03:47/ 0 赞/ 326 阅读

相关 JavaScript中Set的使用

因为Set中存放的数据都是不会重复的数据，我们在编写JS代码的时候，因此我们可以利用Set来帮助我们更便捷地完成许多的事！ 1、JS中Set的定义： var set

朴灿烈づ我的快乐病毒、/ 2021年12月05日 14:41/ 0 赞/ 399 阅读