ES6之Map对象

news/2024/7/10 23:49:36 标签: es6, javascript, 前端

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

创建方法

javascript">    let m = new Map()
    console.log(m)

在这里插入图片描述

Map的方法

1.set( )
添加元素
接收两个参数,第一个键名,第二个键值

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

在这里插入图片描述

2.size
获取元素个数

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

3.delete( )
删除元素

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

在这里插入图片描述
4.has( )
利用键名去判断

javascript">    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( )
获取元素

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

6.clear( )
清空

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

在这里插入图片描述
7.entries( )
返回 Map 对象中键/值对的数组

javascript">    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 对象中键的数组

javascript">    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 对象中值的数组

javascript">    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

javascript">    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
返回键和值回调

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

在这里插入图片描述

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


http://www.niftyadmin.cn/n/5244148.html

相关文章

html和css写淘宝的快速导航条

目录 1、css代码 2、html代码 1、css代码 <style>* {margin: 0;padding: 0;list-style: none;text-decoration: none;}.nav {width: 900px;height: 40px;background-color: rgb(247, 249, 250);margin: 50px auto;padding-left: 30px;}.nav>li {float: left;width: 1…

【python爬虫】设计自己的爬虫 2. 数据保存封装 mongodb,mysql和elasticsearch

mongodb, mysql和elasticsearch 功能较相似&#xff0c;所以打算用一套接口将它们封装起来 基类StorageBase 如下&#xff1a; class StorageBase:def __init__(self, hostNone, portNone, databaseNone, tableNone, locationNone, accountNone, passwordNone,urlNone):self…

L0、Linux常用命令

一、防火墙&#xff1a; 在 Linux 中&#xff0c;关闭防火墙可以使用不同的命令&#xff0c;这取决于你所使用的防火墙软件。在一些常见的 Linux 发行版中&#xff0c;防火墙可能是 iptables 或 firewalld两种&#xff1a; centos6使用iptables作为默认防火墙&#xff1b;cento…

c++函数模板STL详解

函数模板 函数模板语法 所谓函数模板&#xff0c;实际上是建立一个通用函数&#xff0c;其函数类型和形参类型不具体指定&#xff0c;用一个虚拟的类型来代表。这个通用函数就称为函数模板。 凡是函数体相同的函数都可以用这个模板来代替&#xff0c;不必定义多个函数&#xf…

io.lettuce.core.RedisCommandExecutionException: ERR EXEC without MULTI

在使用redisTemplate的事务功能时&#xff0c;代码运行抛出异常&#xff1a; io.lettuce.core.RedisCommandExecutionException: ERR EXEC without MULTIat io.lettuce.core.internal.ExceptionFactory.createExecutionException(ExceptionFactory.java:147)at io.lettuce.cor…

外包干了2个多月,技术明显有退步了。。。。。

先说一下自己的情况&#xff0c;本科生&#xff0c;19年通过校招进入武汉某软件公司&#xff0c;干了接近4年的功能测试&#xff0c;今年国庆&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了四年的功能测试…

软件测试外包干了2个月,技术进步2年。。。

先说一下自己的情况&#xff0c;本科生&#xff0c;18年通过校招进入北京某软件公司&#xff0c;干了接近2年的功能测试&#xff0c;今年国庆&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了2年的功能测试&…

打包 抖音直播云游戏

抖音直播云游戏 oaid资源中的bcpkix-jdk15to18-1.68.jar与抖音云游戏的资源冲突。 其实资源名称是一样的&#xff0c;拷贝时资源名称有变化。 为解决此问题&#xff0c;需要规范化文件的资源名称&#xff0c;将.置为_ Error: Command failed: cmd /c echo off && Chc…