JavaScript中Set的使用

朴灿烈づ我的快乐病毒、 2021-12-05 14:41 380阅读 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 条评论，380人围观）

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

相关阅读

相关 vue中$set使用

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

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

相关 Vue中$set使用

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

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

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

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

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

相关 Java中Set的使用

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

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

相关 java中set集合的使用方法

1.HashSet [Java][].util.HashSet类实现了Java.util.Set接口。它有如下特点： 1.它不允许出现重复元素； 2.不

刺骨的言语ヽ痛彻心扉/ 2022年06月15日 09:46/ 0 赞/ 243 阅读

相关 Java中Set集合的使用

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

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

相关 vue中$set的使用场景

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

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

相关 mysql中FIND_IN_SET的使用

在mysql中，有时我们在做数据库查询时，需要得到某字段中包含某个值的记录，但是它也不是用like能解决的，使用like可能查到我们不想要的记录，它比like更精准，这时候my

痛定思痛。/ 2022年01月28日 16:59/ 0 赞/ 184 阅读

相关 Datatage中Parameter Set的使用

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

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

相关 JavaScript中Set的使用

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

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