【前端学习之路】——ES6新增属性set

set的特点

set的基本使用方法类似于数组，不过和数组有一点不同的是，set集合里是没有重复数据的。

首先，我们先来创建一个集合并输出一下：

		let set=new Set(["张三","李四","王五"])
        console.log(set)

输出的结果是：

当我们在集合中添加重复的元素时:

		let set=new Set(["张三","李四","王五","张三","王五"])
        console.log(set)

无论怎么写，都会把重复的数据去除掉

一个属性

数组获取长度的属性是length，而set中获取长度的属性是size

		//创建一个集合
        let set=new Set(["张三","李四","王五"])
		//打印这个集合的长度
		console.log(set.size)

打印出来的结果是：

四个方法

add：是往集合里添加元素（也支持链式添加）

		//创建一个集合
		let set=new Set(["张三","李四","王五"])
		//往集合里添加两个元素
		set.add("陈六").add("刘七")
		//打印这个集合
        console.log(set)

打印出来的结果为：

delete 删除集合里指定的元素

		//创建一个集合
        let set=new Set(["张三","李四","王五"])
        //删除张三这个元素
        set.delete("张三")
        console.log(set)

这时候打印出来的张三这个元素就被删除啦

has 判断集合里有没有某个元素

		//创建一个集合
        let set=new Set(["张三","李四","王五"])
         //判断集合里是否含有张三在这个元素
        console.log(set.has("张三"))

打印出来的结果为：

clear 把集合里的所有的东西都清空，并且没有返回值

		//创建一个集合
        let set=new Set(["张三","李四","王五"])
        console.log(set.clear())

这时候集合就被清空了，打印已经被清空的数组显示：

keys values 是相等的

		//创建一个集合
        let set=new Set(["张三","李四","王五"])
        console.log(set.keys())
        console.log(set.values())

这时候页面上输出的是一样的：