Map与WeakMap类型在JavaScript中的使用详解

map类型特点与创建方法：

map类型增删改查操作：

遍历map类型数据：

map类型转换操作：

map类型管理DOM节点：

  
  
  
  

  



  cyy1
  cyy2

  

使用map类型控制网站表单提交：

WeakMap的语法使用：

  
  
  
  

  



  cyy
  cyy2

  

WeakMap弱引用类型体验：

使用WeakMap开发选课组件：

  
  
  
  
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    main {
      width: 100%;
      display: flex;
      flex: 1;
    }

    section {
      border: 2px solid #ddd;
      width: 50%;
      padding: 10px;
    }

    ul {
      list-style: none;
    }

    li {
      padding: 10px;
      border: 2px solid orange;
      margin-bottom: 5px;
      position: relative;
    }

    a {
      display: inline-block;
      position: absolute;
      right: 10px;
      width: 20px;
      height: 20px;
      background: green;
      color: white;
      text-decoration: none;
      line-height: 20px;
      text-align: center;
    }

    #list span {
      background: green;
      border-radius: 5px;
      padding: 5px;
      color: white;
      margin: 5px;
    }

    #list {
      margin-top: 20px;
    }
  



  

    

      

 
html＋
 
css＋
 
js＋
      
    
    

      共选了2门课
      

 
      
    
  

  

到此这篇关于Map与WeakMap类型在Javascript中的使用的文章就介绍到这了,更多相关Map与WeakMap类型在Javascript中的使用内容请搜索考高分网以前的文章或继续浏览下面的相关文章希望大家以后多多支持考高分网！