ECMAScript6中Set/WeakSet详解_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:39:19

ECMAScript6中Set/WeakSet详解_javascript技巧

ECMAScript6中Set/WeakSet详解_javascript技巧:ES6里加入了一个新数据解构Set，和Java的Set一样，它里面不存放重复的元素。Set实现为一个类，使用时需要先new。 var s1 = new Set() s1.add(1) s1.add(2) s1.add(3) s1.add(1) var s2 = new Set() s2.add('a') s2.

推荐度：

点击下载本文 文档为doc格式

导读ECMAScript6中Set/WeakSet详解_javascript技巧:ES6里加入了一个新数据解构Set，和Java的Set一样，它里面不存放重复的元素。Set实现为一个类，使用时需要先new。 var s1 = new Set() s1.add(1) s1.add(2) s1.add(3) s1.add(1) var s2 = new Set() s2.add('a') s2.

ES6里加入了一个新数据解构Set，和Java的Set一样，它里面不存放重复的元素。Set实现为一个类，使用时需要先new。

输出1，2, 3 for (var i of s1 ) { console.log(i) } // 输出a for (var i of s2 ) { console.log(i) }

上面用Set的add方法添加元素，重复添加的，不会存进去。

Set构造器还可以接受数组作为参数传入

可以看到重复的数字1依然没有放进去，另外取Set的长度使用size，不是length。

需要注意的是对于{}或[]，它们是两个同的对象

一、遍历Set （for of）

输出1，2, 3 for (var i of s1) { console.log(i) }

二、把Set转成数组

三、利用Set给数组去重

如