ES6 Map集合使用

   /**
         * ECMAScript6中的Map集合
         *
         * Map类型是一种存储着许多键值对的有序列表, 其中键名和键值支持所有的数据类型
         * 键名的判断是通过调用 Object.is()方法实现的,所以 5 和 "5" 被判断为两个类型
         *
         */
         let map = new Map();
         map.set("name","song");
         document.write(map.get("name") + "<br/>"); // song
         document.write(map.get("age") + "<br/>"); // undefined

         /**
          * Map集合支持的方法
          *
          * has(key) 检测指定的key是否存在Map集合中
          * delete(key) 从Map集合中移除指定的key键名和值
          * clear() 移除Map集合中所有的键值对
          *
          * */
         document.write(map.has("name") + "<br/>"); // true
         document.write(map.size + "<br/>"); //  1
         // 清空键值对
         map.clear();
         document.write(map.size + "<br/>"); //  0
         map.set("age",1);
         document.write(map.size + "<br/>"); //  1
         // 删除指定键
         map.delete("age");
         document.write(map.size + "<br/>"); //  0

         map.set("name","zhangsan");
         map.set("age",20);

         // 遍历Map
         map.forEach(function(value, key, ownerMap){
             console.log(key + " >>> " + value)
         });

         map.forEach(function(value, key) {
             console.log(key + " >>> " + value)
         });
         // 遍历过程中会按照键插入Map集合的顺序处理

        /**
         *  WeakMap 是弱引用Map集合,也是用于存储对象的弱引用。
         *
         *  WeakMap集合最大的用途是保存Web页面中的DOM元素,使用WeakMap来跟踪DOM元素,当DOM元素消失时,可以自动销毁集合中相关对象
         *
         *  weakMap集合只支持 has() 可以检测给定键值存在性  以及 delete()
         *  不支持 clear()
         */
 
        let weakMap = new WeakMap();
        let element = document.querySelector(".content");
        console.log(element.innerHTML.length); // Hello World
        weakMap.set(element,"original");
        weakMap.get(element);
        console.log(weakMap.has(element)); // true;
        // Person是一个立即调用函数表达式
        var Person = (function(){

            let privateMap = new WeakMap();

            /**
             *  Person的构造使用 WeakMap集合来存放私有数据, 键是this,值是对象包含的私有信息.
             *  只要实例对象被销毁,相关信息也会被销毁,从而保证了信息的私有性。
             *  如果你想使用非对象作为键名,那么普通Map集合时你唯一的选择
             */
            function Person(name) {
                privateMap.set(this,{name:name});
            }

            Person.prototype.getName = function() {
                return privateMap.get(this).name;
            }

            return Person;
        }());

        let p = new Person("song");
        console.log(p.getName());

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值