龙空技术网

JavaScript,ES6,Set(集合),新的数据结构,没有重复元素

古怪今人 168

前言:

眼前兄弟们对“jsset集合”大约比较关心,你们都需要分析一些“jsset集合”的相关内容。那么小编也在网上汇集了一些对于“jsset集合””的相关资讯,希望小伙伴们能喜欢,我们一起来学习一下吧!

Set(集合)

ES6 提供了新的数据结构 Set(集合)。它类似于数组,但成员的值都是唯一的,集合实现了 iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历。

集合的属性和方法:

1、size 返回集合的元素个数;

2、add 增加一个新元素,返回当前集合;

3、delete 删除元素,返回boolean值;

4、has 检测集合中是否包含某个元素,返回boolean值;

5、clear 清空集合,返回 undefined。

代码案例

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>JavaScript,ES6,Set(集合),新的数据结构</title></head><body>    <script>        //声明一个 set        let s = new Set();        let s2 = new Set(['111','222','111','333','222']);        //元素个数        console.log(s2.size);        //添加新的元素        s2.add('444');        //删除元素        s2.delete('222');        //检测        console.log(s2.has('111'));        for(let v of s2){            console.log(v);        }        //清空        s2.clear();        console.log(s2);    </script></body></html>

标签: #jsset集合