了解ES6的Map数据结构

Posted 2020-12-01 wangyao521

<script>
    /*
        Map数据结构是ES6推出的，它是一个类对象，普通对象的键值只能使用string，而map数据结构的键值可以使用任意对象，不受限制
        Map是一个构造函数，通过new Map()   来构建
        如果需要键值对的数据格式，Map比Object更加适合
        如果对同一个键进行重复赋值，那么前面的值会被后替换
        拥有于set数据结构同样的遍历方法，遍历的顺序就是数据插入的顺序
        转化为数组结构可以使用展开运算符    ... 

    */
    let map = new Map([
        [{a:‘a‘},123],
        [[],‘b‘],
        [function(){},‘数组‘]
    ]);
    //方法
    map.set(1,1);    //set()添加值
    map.get(1);  //读取值
    map.size ;    //得到成员的数量
    map.has(1);    //验证是否是当前的数据结构，返回布尔值
    map.delete(1); //删除值
    map.clear();  //删除全部的值
    
    //遍历方法
    map.prototype.keys();   //遍历键名
    map.prototype.values(); //遍历键值
    map.prototype.entries();//遍历键值对
    map.prototype.forEach();//遍历所有成员

</script>

 

作为一名前端的小白，Typescript都来了，怎么能不掌握好ES6呢？

必须得跟上时代的脚本，否则只能淘汰啦。

这是我在阮一峰大佬的ECMAScript 6上学习到的内容，发此博客来记录我的学习内容，并且与大家一起分享

注：这是我的学习地址，对es6感兴趣的小伙伴们可以去看http://es6.ruanyifeng.com