Map Set iterable

/*
        iterable
            遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。
            为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。
            具有iterable类型的集合可以通过新的for ... of循环来遍历。
                只循环集合本身的元素
            forEach
            iterable内置的forEach方法，它接收一个函数，每次迭代就自动回调该函数
    */
    var a = ['a', 'b', 'c']
    var s = new Set([1,2,3])
    var ma = new Map([[1,'a'],[2,'b']])
    for (var i of a){
        console.log(a)
    }
    for (var i of s){
        console.log(s)
    }
    for (var i of ma){
        console.log(i[0]+'='+i[1])
    }

    a.forEach(function (element, index, array) {
        // element: 指向当前元素的值
        // index: 指向当前索引
        // array: 指向Array对象本身
        console.log(element);
    })
    ma.forEach(function (value, key, map) {
        console.log(value);
    })

 

<script>
    /*
        map是一组键值对的结构，具有极快的查找速度
        .get() 查找key-value
        .set() 添加新的key-value
            注：由于一个key只能对应一个value，所以，多次对一个key放入value，后面的值会把前面的值冲掉
        .has() 是否存在
        .delete() 删除
    */
    var m = new Map([['michael',95], ['bob',75]])
    console.log(m.get('bob'))
    console.log(m.set('bob',59))//{"michael" => 95, "bob" => 59}
    console.log(m.has('bob'))
    console.log(m.delete('bob',59))

    /*
        Set
            Set和Map类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，没有重复的key
            重复元素在Set中自动被过滤
        add(key) 添加元素
        delete(key) 删除元素
    */
    var s1 = new Set()
    var s2 = new Set([1,2,3,3])

    console.log(s2) //{1, 2, 3}

    s1.add('wow')
    console.log(s1) 

    s2.delete(3)
    console.log(s2)

</script>