Ashun's 技術駅 Ashun's 技術駅
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • Vue
  • 现代web布局
  • React
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 技术资源
  • 第一阶段

    • HTML
  • 第二阶段

    • JavaScript
  • 第三阶段

    • Vue
  • 第四阶段

    • 实战项目
  • 每周测试

    • 每周
  • 其他

    • Vue引入UI框架
    • Web前端面试
    • Vue3-resource
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 福利资源
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ashun

前端界的小学生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • Vue
  • 现代web布局
  • React
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 技术资源
  • 第一阶段

    • HTML
  • 第二阶段

    • JavaScript
  • 第三阶段

    • Vue
  • 第四阶段

    • 实战项目
  • 每周测试

    • 每周
  • 其他

    • Vue引入UI框架
    • Web前端面试
    • Vue3-resource
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 福利资源
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 01变量-es6
  • 02常量-es6
  • 03解构赋值-es6
  • 04字符串拓展-es6
  • 05数字拓展-es6
  • 06数组拓展-es6
  • 07函数拓展-es6
  • 08对象拓展-es6
  • 09类拓展-es6
  • 10扩展运算符-es6
  • 11set数据结构-es6
  • 12map数据结构-es6
    • 13同步和异步-es6
    • 《es6》
    ashun
    2022-02-14
    目录

    12map数据结构-es6

    # map数据结构

    类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

    # 一、创建map数据结构

    let m = new Map();//创建map数据结构
    
    m.set({ name: "小明" }, 2);//设置map数据结构
    
    console.log(m);//{Object => 2}
    
    1
    2
    3
    4
    5

    # 二、接受二维数组作为参数

    let m = new Map([["name","张三"],["age",18]])
    			
    console.log(m.get("name"))//张三
    
    1
    2
    3

    # 三、size获取长度

    let m = new Map([["name","张三"],["age",18]])
    			
    console.log(m.size)//2
    
    1
    2
    3

    # 四、操作

    let m = new Map([["name","张三"],["age",18]])
    
    //set(key, value)	 设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就新生成该键。	
    //也可以链式调用
    m.set("sex","男")
    console.log(m)
    
    //get(key) 读取key对应的键值,如果找不到key,返回undefined
    console.log(m.get("age"))//18
    
    //has(key) 返回一个布尔值,表示某个键是否在Map数据结构中
    console.log(m.has("age"))//true
    
    //delete(key) 删除某个键,返回true。如果删除失败,返回false。
    m.delete("age")
    console.log(m)//m.delete("age")
    
    //clear() 清除所有成员,没有返回值
    m.clear()
    console.log(m)//{}
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    编辑 (opens new window)
    上次更新: 2022/04/24, 13:33:34
    11set数据结构-es6
    13同步和异步-es6

    ← 11set数据结构-es6 13同步和异步-es6→

    最近更新
    01
    课件-react路由-V6
    01-22
    02
    课件-国际化
    01-22
    03
    课件-redux-toolkit
    01-22
    更多文章>
    Theme by Vdoing | Copyright © 2019-2024 Evan Xu | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式