仿写Map()方法

最新推荐文章于 2022-03-19 13:51:21 发布

舜岳

最新推荐文章于 2022-03-19 13:51:21 发布

阅读量172

点赞数

分类专栏： js设计模式文章标签： js

本文链接：https://blog.csdn.net/qq_41614928/article/details/101069684

版权

js设计模式专栏收录该内容

21 篇文章 0 订阅

订阅专栏

仿写es6的 new Map()：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    //仿写map方法
    let Map = (function(){
      //避免外部访问
      let symbol = Symbol();

      return class{
        constructor(){
          this[symbol] = [];
        }
        set(key,value){
          //遍历判断是否已经存在
          for(let i=0,len=this.size();i<len;i++){
            let item = this[symbol][i];
            if(item[0] === key){
              //已经存在就更新值
              item[1] = value
              return true;
            }
          }
          this[symbol].push([key,value]);
          return true;
        }
        //查找
        get(key){
          for(let i=0,len=this.size();i<len;i++){
            let item = this[symbol][i];
            if(item[0] === key){
              return item;
            }
          }
          return undefined;
        }
        //删除
        delete(key){
          for(let i=0,len=this.size();i<len;i++){
            let item = this[symbol][i];
            if(item[0] === key){
              this[symbol].splice(i,1);
              return true;
            }
          }
          return true;
        }
        //判断值是否存在
        has(key){
          this[symbol].forEach(item=>{
            if(item[0] === key){
              return true;
            }
          });
          return false;
        }
        size(){
          return this[symbol].length;
        }
      }
    })();

    let map = new Map();

    map.set('小米',"男");
    map.set('奇奇',"女");
    map.set('派大星',"男");
    map.set('海绵宝宝',"女");
    map.set('谢老板',"男");

    map.set('海绵宝宝','男');

    console.log(map); //{Symbol(): Array(5)}
    console.log(map.has('章鱼哥')); //false
    console.log(map.set('章鱼哥','男'));  //true
    console.log(map.has('章鱼哥')); //true
    console.log(map.size());  //6
    console.log(map.delete('章鱼哥')); //true
    console.log(map.size());  //5
    console.log(map); //{Symbol(): Array(5)}

  </script>
</body>
</html>

舜岳

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仿写Map()方法

仿写es6的 new Map()：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
复制链接

扫一扫