es6入门笔记

es6 基础语法—set和map
1、set 数据集合
特点： 类似于数组但不是数组，没有重复的元素
属性： size属性求集合长度 sit.size
方法：add() delete() has() clear()

let  set = new Set([1,2,3,4,4,5])
console.log(set)  // {1, 2, 3, 4, 5} 自动过滤重复元素
console.log(set.size) //5
set.add(7).add(6) //不支持set.add(7,9)
set.add([6,7]) //[1,2,3,4,5,[6,7]]
set.has(7) // true
set.delete(2) // [1,3,4,5,[6,7]]
set.forEach(function (value,key,ownerSet) {
	console.log(value);
	console.log(key);           
})
console.log(...set) //1,3,4,5,[6,7]
set.clear() // {}

2、map 数据集合
特点：类似于对象，对象key值只能为字符创，key值可以是任何格式
属性：size
方法：set() get() delete() has() clear()

方法：add() delete() has() clear()
let map = new Map([['a', 1], [ 'b', 2]])
console.log(map) // {"a" => 1, "b" => 2}
map.add('c', 3)
console.log(map) // {"a" => 1, "b" => 2, "c" => 3}
map.get('c') // 3
map.delete('a'); // {"b" => 2, "c" => 3}
map.has('a') // false
map.has('b') // true
map.keys() //{"b", "c"}
map.values() //{"2", "3"}
myMap.entries() // {"b" => 2, "c" => 3}
for(let item of map.entries()){
 console.log(item) // ["b", 2] ["c", 3]
}
map.forEach(function (value,key,mymap){
	console.log(value,key,mymap) // ["b", 2] ["c", 3]
})
map.clear() // {}
map.size // 0

3、扩展运算符 …

对象扩展运算符
let obj = {'a': 1, 'b': 2}
console.log({...obj})  //{'a': 1, 'b': 2}
console.log({'c': 3, ...obj}) // {c: 3, a: 1, b: 2}
let arr = [1,2,3,4,5]
let arr1 = [...arr]
console.log(arr1) //[1, 2, 3, 4, 5]
数组扩展运算符