ES6新数据类型Set 以及arr-set-map的转换

var arr=[11,22,33,11]
			var set1=new Set(arr)//遍历的数组 然后把数组的元素们调用s1.add添加进集合中
			var arr2=Array.from(set1)//取出了数据容器中的所有数据 然后存入新数组返回值
			console.log(arr2)

用es新推出办法进行数据去重

并且可以看出set也没有 语法糖只用使用标准的构造语法，且set会自动去重 

set1.add(100)
			set1.add(100)
			set1.add(200)
			set1.add("hello")
			set1.add([100])
			set1.add([100])
			console.log(set1)
			set1.forEach(function(el){
				console.log(el)
			})

 

不难看出我们使用add函数往里面增加元素，虽然两个数组是相似的但是不是同一个引用所以没有去重

//并集
			var arr = [10, 20, 30, 10,{}]
			var arr2 = [100, 200,30,10]
			var set1 = new Set([...arr,...arr2])
			console.log(set1)

 求并集

var arr = [10, 20, 30, 10,{}]
			var arr2 = [100, 200,30,10]
			var set2 = new Set(arr.filter(function(el) {
				if (arr2.includes(el)) {
					return el
				}
			}))
			console.log(set2)

求交集

求交集就比较困难了 需要使用filter进行过滤然后使用我们includes去检测是否在第二个数组里面

arr-map

前提是必须是一个二维数组因为map的创建参数就是一个数组

var arr=[[1,"hello"],[2,"h5"],[3,{name:"karen"}]]
			var m1=new Map(arr)

map-arr

var arr2=Array.from(m1)
			console.log(arr,m1,arr2,arr==arr2,arr[2][1]==arr2[2][1])

arr数组内置功能转换 虽然转换时候内容是一样的 但是还是之前的问题 是两个数组 引用不同 但是里面的保存的引用数据是同一个引用

arr-set

var arr=[100,200,100,{age:20},{age:20}]
			var s1=new Set(arr)
			console.log(s1,s1.size)

里面保存了两个内容一样但引用不同的对象所以不会去重，但是基本数据类型就去重了

set-arr

var arr2=Array.from(s1)
			console.log(arr,s1,arr2,arr[4]==arr2[3])

里面元素的引用不变