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)
    })

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

相关文章
|
5天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
24 3
|
8月前
|
存储 JSON 对象存储
|
5天前
|
存储 JavaScript
ES6+新特性-Symbol与Set/Map数据结构
ES6 引入了三种新的数据结构:Symbol、Set和Map。Symbol是唯一且不可变的值,常用于定义对象的独特属性;Set存储不重复值,适合数组去重;Map则是键值对集合,键可为任意类型,提供了更灵活的存储方式。这些新数据结构提供了更高效的操作手段,分别解决了属性命名冲突、数据去重和复杂键值对存储的问题。示例展示了如何使用Symbol、Set和Map进行基本操作。
|
5天前
|
JavaScript
js Array map映射对象多个属性
js Array map映射对象多个属性
5 0
|
6月前
|
存储
ES6中Set集合
ES6中Set集合
46 0
|
11月前
【ES6】Map对象
【ES6】Map对象
38 0
|
11月前
|
存储 JavaScript
【ES6】Set 对象
【ES6】Set 对象
66 0
|
存储 JavaScript 前端开发
ES6 中 Map 和 Set
ES6 中 Map 和 Set
83 0
|
JavaScript 前端开发 Java
【ES6】JS的Set和Map数据结构
【ES6】JS的Set和Map数据结构
124 0