zoukankan      html  css  js  c++  java
  • ES6参考---Set和Map

    ES6参考---Set和Map

    一、总结

    一句话总结:

    Set容器:无序不可重复的多个value的集合体:let set = new Set([1,2,3,4,3,2,1,6])
    Map容器:无序的 key不重复的多个key-value的集合体:let map = new Map([['abc', 12],[25, 'age']]);

    1、操作 Set容器 和 Map容器 常用的方法?

    Set容器的常用方法:add()、delete()等
    Map容器的常用方法:set(key,value)、get(key)、delete(key)等
    1. Set容器 : 无序不可重复的多个value的集合体
      * Set()
      * Set(array)
      * add(value)
      * delete(value)
      * has(value)
      * clear()
      * size
    2. Map容器 : 无序的 key不重复的多个key-value的集合体
      * Map()
      * Map(array)
      * set(key, value)//添加
      * get(key)
      * delete(key)
      * has(key)
      * clear()
      * size

    二、Set和Map

    博客对应课程的视频位置:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4   <meta charset="UTF-8">
     5   <title>05_Set和Map数据结构</title>
     6 </head>
     7 <body>
     8 <!--
     9 1. Set容器 : 无序不可重复的多个value的集合体
    10   * Set()
    11   * Set(array)
    12   * add(value)
    13   * delete(value)
    14   * has(value)
    15   * clear()
    16   * size
    17 2. Map容器 : 无序的 key不重复的多个key-value的集合体
    18   * Map()
    19   * Map(array)
    20   * set(key, value)//添加
    21   * get(key)
    22   * delete(key)
    23   * has(key)
    24   * clear()
    25   * size
    26 -->
    27 
    28 <script type="text/javascript">
    29 
    30     let set = new Set([1,2,3,4,3,2,1,6]);
    31     console.log(set);
    32     set.add('abc');
    33     console.log(set, set.size);
    34     //delete(value)
    35     set.delete(2);
    36     console.log(set);
    37     //has(value)
    38     console.log(set.has(2));//false
    39     console.log(set.has(1));//true
    40     //clear()
    41     set.clear();
    42     console.log(set);
    43 
    44     let map = new Map([['abc', 12],[25, 'age']]);
    45     console.log(map);
    46     map.set('', '性别');
    47     console.log(map);
    48     console.log(map.get(25));//age
    49     //delete(key)
    50     map.delete('');
    51     console.log(map);
    52     console.log(map.has(''));//false
    53     console.log(map.has('abc'));//true
    54     map.clear();
    55     console.log(map);
    56 </script>
    57 </body>
    58 
    59 </html>
     
  • 相关阅读:
    验证码的编写 asp.net
    甲骨文收购Sun,IT业界进入三国时代
    动态加载css文件导致IE8崩溃的问题
    页面调试中关于Console应该注意的地方
    关于仿网易邮箱5.0的Neter UI框架的开源声明
    仿网易邮箱5.0(二):core.js
    仿网易邮箱5.0(三):panel.js
    仿网易邮箱5.0(一):页面基本样式
    Windows下配置Sass编译环境
    ASP+Access查询时按时间进行查询
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12590345.html
Copyright © 2011-2022 走看看