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>
     
  • 相关阅读:
    python 中文乱码问题
    PHP读取CSV文件把数据插入到数据库,本地没有问题,阿里云测试服务器不行
    UTF-8 Unicode ANSI网页编码的区别
    php 读取csv 乱码
    zend studio(Eclipse)和PyDev搭建Python开发环境
    php 如何解决“您访问的域名有误或网页不存在”
    mysql数据去除重复及相关优化(转)
    Git的简单使用教程
    PHP mysql基础操作
    PHP两个文件的相对路径
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12590345.html
Copyright © 2011-2022 走看看