ES6学习——set与map

ES6 第七章 Set与Map

1. 先来初步了解一下ES5中的set和map，这样看来set和map和对象比起来并没有什么优势

//之前会使用这样的写法来模拟set方法
let set = Object.create(null)
set.foo = true //检测set集合中有foo这个属性
if(set.foo) {
    //
}
//之前会使用这样的写法来模拟map方法
let map = Object.create(null)
map.foo = "bar"
let value = map.foo //为数组的增添某个属性且赋值
console.log(value)

2. 接下来大家可以通过下面set的声明以及set的方法来观察一下set，ES6中的set（其实就是一个无重复的有序列表）看了下面第一个实例就可以了解

• new Set()表示set对象的声明
• set.add(X)表示向set中添加X元素 X元素可以是任意类型
• set.size表示查询set的元素个数

//example1
let set = new Set()
set.add(5)
set.add("5")
console.log(set.size); //size是检测集合体积的一个方法，比如这个set集合里面其实就俩个元素，所以这个位置是2

//example2
let set = new Set()
    key1 = {}
    key2 = {}
set.add(key1)
set.add(key2)
console.log(set.size) //2

//example3
let set = new Set()
set.add(5)
set.add("5")
set.add(5)
console.log(set.size) //2

//example4
let set = new Set([1, 2, 3, 4, 5, 5, 5, 5])
console.log(set.size) //5

•  set判断是否含有某个元素的方法

let set = new Set()
set.add(5)
set.add("5")
console.log(set.has(5)) //true
console.log(set.has(6)) //false

•  set移除某个值的方法

let set = new Set([1, 3, 4, 5])
set.delete(1)
console.log(set) //[2, 3, 4, 5]

•  set对应的forEach方法

let set = new Set([1, 2])
set.forEach(function(value, key, ownerSet) {
    console.log(key + " " + value)
    console.log(ownerSet === set)
})
//1 1 
//true
//2 2 
//true

• set转换为数组

let set = new Set([1, 2, 3, 4, 5])
array = [...set]
console.log(array) // [1, 2, 3, 4, 5]

 

注意事项：set是不重复的元素集合，但是需要注意的是set并不做强制类型的转换，即5和"5“是可以共存的

  3. ES6中的Map 从下面的例一我们可以看出Map是一个键值对集合

• new Map()表示Map对象的声明
• map.set("key","value")表示向Map集合中添加键值对元素
• map.has(X)表示判断x元素是否存在
• map.get(key)表示用来获得键值为key的值
• map.delete(key)表示移除Map中的键以及对应的值
• map.clear()移除Map中所有的键值对

//example1
//你可以这样理解map
let map = {
  "key1": "name1",
  "key2": "name2",
   /...
}
//创建一个map
let map = new Map()
//通过set方法增加属性且赋值
map.set("title","nihao")

//example2 判断是否含有某个值
console.log(map.has("title")//true

//example3 得到map的体积
console.log(mao.size())

//example4 获取map中某个属性的值
console.log(map.get("title")

//example5 forEach方法
map.forEach(function(value, key, ownerMap) {
    console.log(key + " " + value)
})