iterable（Map Set ）

最新推荐文章于 2023-02-16 11:00:09 发布

dyx19971026

最新推荐文章于 2023-02-16 11:00:09 发布

阅读量307

点赞数

分类专栏： JS 文章标签： JS之iterable

原文链接：https://www.liaoxuefeng.com/wiki/1022910821149312/1023024358748480

版权

JS 专栏收录该内容

20 篇文章

订阅专栏

<script>
    /**Map是一组键值对的结构，具有极快的查找速度
    var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
    m.get('Michael'); // 95

    初始化Map需要一个二维数组，或者直接初始化一个空Map
    Map 具有以下方法：
    var m = new Map(); // 空Map
    m.set('Adam', 67); // 添加新的key-value
    m.set('Bob', 59);
    m.has('Adam'); // 是否存在key 'Adam': true
    m.get('Adam'); // 67，，
    m.delete('Adam'); // 删除key 'Adam'
    m.get('Adam'); // undefined


    Set和Map类似，也是一组key的集合，但不存储value，由于key不能重复
    所以，在set中没有重复的key
    var s = new Set([1, 2, 3, 3, '3']);
    s; // Set {1, 2, 3, "3"}
    */
    
    //遍历array可以采用下标循环，遍历map和set就无法使用下标，
    //为了统一集合类型，es6标准引入了iterable类型，map和set都属于iterable类型
    //具有iterable类型的集合可以通过斯内德for...of循环来遍历
    
    var a = ['A', 'B', 'C'];
    var s = new Set(['A', 'B', 'C']);
    var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
    for (var x of a) {//遍历array
        console.log(x);
    }
    for (var x of s) {//遍历set
        console.log(x);
    }
    for (var x of m) {//遍历map
        console.log(x[0] + '=' + x[1]);
    }
    console.log('-------------------------------');
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190821095749653.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2R5eDE5OTcxMDI2,size_16,color_FFFFFF,t_70)
    //更好的方式是直接使用iterable内置的forEach方法，它接收一个函数
    //每次迭代就自动回调该函数，以array为类
    a.forEach(function (element, index, array) {
        //element：指向当前元素的值
        //index：指向当前索引
        //array：指向array对象的本身
        console.log(element + ', index = ' + index);

    });
    /**
        Set与array类似，但set没有索引，因此回调函数的前两个参数都是元素本身
        var s = new Set(['A','B','C']);
        s.forEach(function(element,sameElement,set){
            console.log(element);
        });
        Map 的回调函数参数依次为value、key、和map本身
        var m = new Map([[1,'x'],[2.'y'],[3,'z']]);
        m.forEach(function(value,key,map){
            console.log(value);
        });
    */
</script>