ES6 语法详解(Set和Map(重点))

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        /**
         * 学Java的毫无难度
         * Set 容器 : 无序不可重复的多个value的集合体
         * Set()
         * Set(array)
         * add(value)
         * delete(value)
         * has(value)
         * clear()
         * size
         * 
         * Map容器 : 无序的Key 不可以重复的多个Key-value的集合体 key重复 value覆盖
         * Map()
         * Map(array)
         * set(key,value)
         * get(key)
         * delete(key)
         * has(key)
         * clear()
         * size
         */
        let set = new Set([1,223,23,123,1]) // 创建一个Set容器
        set.add(1) // 往容器中添加一个元素
        set.delete(1) //删除指定的元素
        set.has(1) // 判断指定元素是否存在
        console.log(set)
        set.clear() // 清空容器
        let size = set.size // 获取元素数量
        console.log(size)
        
        let map = new Map([['username','flower'],['age',18]]) // 采用二维数组创建map
        map.set('sex','man')
        console.log(map.get('username'))
        map.delete('username')
        map.has('username')
        console.log(map)
        map.clear()
        console.log(map.size)
        
    </script>
</html>
复制代码

作者：彼岸舞

时间：2021\08\16

内容关于：前端知识库

本文属于作者原创,未经允许,禁止转发

posted @   彼岸舞  阅读(70)  评论(0)  编辑  收藏  举报
编辑推荐：
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行：
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）
· AI 智能体引爆开源社区「GitHub 热点速览」
点击右上角即可分享
微信分享提示