ES6之Map对象

简介: ES6之Map对象

ES6提供了 Map数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

创建方法

let m = new Map()
    console.log(m)

Map的方法

1.set( )

添加元素

接收两个参数,第一个键名,第二个键值

let m = new Map()
    m.set("name","zs")
    m.set("age",18)
    let key = {
        hobby : "爱好"
    }
    m.set(key,["唱","跳","rap","篮球"])
    console.log(m)

2.size

获取元素个数

let m = new Map()
    m.set("name","zs")
    console.log(m.size) //1

3.delete( )

删除元素

let m = new Map()
    m.set("name","zs")
    m.delete("name")
    console.log(m)

4.has( )

利用键名去判断

let m = new Map()
    m.set("name", "zs")
    m.set("age", 18)
    console.log(m.has("name")) //true
    console.log(m.has("hobby")) //false

5.get( )

获取元素

let m = new Map()
    m.set("name","zs")
    console.log(m.get("name")) //zs

6.clear( )

清空

let m = new Map()
    m.set("name","zs")
    m.clear()
    console.log(m)

7.entries( )

返回 Map 对象中键/值对的数组

let m = new Map()
    m.set("name","zs")
    m.set("age",18)
    let key = {
        hobby : "爱好"
    }
    m.set(key,["唱","跳","rap","篮球"])
    console.log(m.entries())

8.keys( )

返回 Map 对象中键的数组

let m = new Map()
    m.set("name","zs")
    m.set("age",18)
    let key = {
        hobby : "爱好"
    }
    m.set(key,["唱","跳","rap","篮球"])
    console.log(m.keys())

9.values( )

返回 Map 对象中值的数组

let m = new Map()
    m.set("name","zs")
    m.set("age",18)
    let key = {
        hobby : "爱好"
    }
    m.set(key,["唱","跳","rap","篮球"])
    console.log(m.values())

10.遍历for…of

let m = new Map()
    m.set("name","zs")
    m.set("age",18)
    let key = {
        hobby : "爱好"
    }
    m.set(key,["唱","跳","rap","篮球"])
    for(let v of m) {
        console.log(v)
    }

11.forEach

返回键和值回调

let m = new Map()
    m.set("name","zs")
    m.set("age",18)
    let key = {
        hobby : "爱好"
    }
    m.set(key,["唱","跳","rap","篮球"])
    m.forEach(item=>{
        console.log(item)
    })

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关文章
|
2月前
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
30 1
ES6中map对象的使用,确实比Object好使哈
|
2月前
|
存储 前端开发 API
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
该文章详细介绍了ES6中Set和Map数据结构的特性和使用方法,并探讨了它们在前端开发中的具体应用,包括如何利用这些数据结构来解决常见的编程问题。
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
|
3月前
|
存储 JavaScript 前端开发
ES6新特性(四): Set 和 Map
ES6新特性(四): Set 和 Map
|
4月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
51 1
|
5月前
|
Java
Java list中的对象转为list,list中的对象转为map
Java list中的对象转为list,list中的对象转为map
107 1
|
4月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(一)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(一)
36 0
|
5月前
|
安全 Java
如何测试map对象的线程不安全
【6月更文挑战第20天】如何测试map对象的线程不安全
40 0
|
6月前
|
存储 JavaScript
ES6+新特性-Symbol与Set/Map数据结构
ES6 引入了三种新的数据结构:Symbol、Set和Map。Symbol是唯一且不可变的值,常用于定义对象的独特属性;Set存储不重复值,适合数组去重;Map则是键值对集合,键可为任意类型,提供了更灵活的存储方式。这些新数据结构提供了更高效的操作手段,分别解决了属性命名冲突、数据去重和复杂键值对存储的问题。示例展示了如何使用Symbol、Set和Map进行基本操作。
|
6月前
|
JavaScript 前端开发 Java
ES6 逐点突破系列 -- Set Map,工作感悟,完美收官
ES6 逐点突破系列 -- Set Map,工作感悟,完美收官
|
2月前
|
Go 定位技术 索引
Go 语言Map(集合) | 19
Go 语言Map(集合) | 19