iterable(Map Set )

<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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值