首页 > 其他分享 >map类型

map类型

时间:2022-12-21 10:56:56浏览次数:24  
标签:map set const Map get alert 类型 new

一、基本介绍

  ECMAScript6以前,在JavaScript中实现“键/值”式存储可以使用Object来方便高效地完成,也就是使用对象属性作为键,再使用属性来引用值。但这种实现并非没有问题,为此TC39委员会专门为“键/值”存储定义了一个规范。

  作为ES6的新增特性,Map是一种新的集合类型,为这门语言带来了真正的键/值存储机制。Map的大多特性都可以通过Object类型实现,但二者之间还是存在一些细微的差异。

二、基本API

使用new关键字和Map构造函数可以创建一个空映射:

const m=new Map();

如果想在创建的同时初始化实例,可以给Map构造函数传入一个可以迭代的对象,需要包含键/值对数组。可迭代对象的每个键/值对都会按照迭代顺序插入到新映射实例中:

//使用嵌套数组初始化映射

const m1=new Map([["key1","val1"],["key2","val2"],["key3","val3"]]);

alert(m1.size);  //3

//使用自定义迭代器初始化映射
const m2=new Map(
   [Symbol.iterator]:function*(){
        yield ["key1","val1"];
        yield ["key2","val2"];
        yield ["key3","val3"];    
}}        
);
alert(m2.size):       //3

//映射期待的键/值对,无论是否提供
const m3=new Map([[]]);
alert(m3.has(undefined));   //true
alert(m3.get(undefiend));   //undefiend

初始化之后,可以使用set()方法再添加键/值对。另外,可以使用get()和has()进行查询,可以通过size属性获取映射中的键/值对的数量,还可以使用delete()和clear()删除值。

const m=new Map();

alert(m.has("firstName"));   //false
alert(m.get("firstName"));   //undefined
alert(m.size);                     //0

m.set("firstName","Matt").set("lastName","Frisble");


alert(m.has("firstName"));   //true
alert(m.get("firstName"));    //Matt
alert(m.size);                      //2

m.delete("firstName")        //只删除这一个键

alert(m.has("firstName"));    //false
alert(m.has("lastName"));     //true
alert(m.size)                       //1


m.clear();        //清除这个映射实例中的所有键/值对

alert(m.has("firstName"));       //false
alert(m.has("lastName"));         //false
alert(m.size);                        //0

set()方法返回映射实例,因此可以把多个操作连缀起来,包括初始化声明:

const m=new Map().set("key1","val1");

m.set("key2","val2").set("key3","val3");
alert(m,size);       //3

与Object只能使用数值、字符串或者符号不同,Map可以使用JS数据类型作为键。Map内部使用SameValueZero比较操作(ES内部规范内部定义,语言中不能使用),基本上相当于使用严格对象相等的标准来检查键的匹配性。与Object类似,映射的值没有限制的。

const m=new Map();
const functionKey=function(){};
const symbolKey=Symbol();
const objectKey=new Object();

m.set(functionKey,"functionValue");
m.set(symbolKey,"symbolValue");
m.set(objectKey,"objectValue");


alert(m.get(functionKey));         //functionValue
alert(m.get(symbolKey));         //symbolValue
alert(m.get(objectKey));          //objectValue

//SameValueZero比较意味着独立不冲突
alert(m.get(objectKey));   //undefined

与严格相等一样,在映射中用作键和值的对象及其他“集合”类型,在自己的内容或属性被修改时,仍然保持不变。

const m=new Map();
const objKey={},
         objVal={},
         arrKey=[],
         arrVal=[];

m.set(objKey,objVal);
m.set(arrKey,arrVal);


objKey.foo="foo";
objVal.bar="bar";
arrKey.push("foo");
arrVal.push("bar");

console.log(m.get(objKey));     //{bar:"bar"}
console.log(m.get(arrKey));     //["bar"]

SameValueZero比较也可能导致意想不到的冲突

const m=new Map();
const a=0/"",   //NAN
        b=0/"",   //NAN
        pz=+0,
        nz=-0;

alert(a===b);   //false
alert(pz===nz);  //true

m.set(a,"foo");
m.set(pz,"bar");

alert(m.get(b));    //foo
alert(m.get(nz));   //bar

标签:map,set,const,Map,get,alert,类型,new
From: https://www.cnblogs.com/coderz1/p/16995738.html

相关文章

  • [mapbox] popup挂载自定义组件 vue
    pop.vue<template><div>222</div></template><script>exportdefault{name:'display-map-pop',components:{},props:{PopObj:{type:Array,d......
  • 开发一个MyBatis通用Mapper的轮子
    一、前言程序猿为什么如此执着于造轮子?MyBatis-Plus如此强大的工具流行这么多年了,我为啥还在重复造这样的轮子?1、公司的技术规范不允许使用MyBatis-Plus,咱也不知道什么原......
  • 学相伴—Go语言切片与Map
    切片SliceGo语言切片是对数组的抽象Go数组的长度不可改变,在特定场景这样的集合就不太适用,Go提供了一种灵活,功能强悍的内置类型切片("动态数组"),与数组相比切片的长度是不......
  • solidity中bytes32类型转换为bytes memory类型
    solidity代码如下:functiontoBytes()publicviewreturns(bytesmemory){bytes32by32=hex"5569a35483840767334b19c6f28d1347dad8ec4521859a1742d21758984897......
  • java命令--jmap命令使用
    jdk安装后会自带一些小工具,jmap命令(JavaMemoryMap)是其中之一。主要用于打印指定Java进程(或核心文件、远程调试服务器)的共享对象内存映射或堆内存细节。jmap命令可以获......
  • JS值和类型(必学知识点总结)
    目录值和类型八种数据类型原始值和引用值访问对象的方式相等与全等运算符typeof和instanceof深拷贝与浅拷贝值和类型八种数据类型undefined、null、boolean、number......
  • 同一处理前后参数类型不匹配导致的异常
    参考资料地址1:HttpMessageNotReadableException异常原因和解决方法参考资料地址2:HttpMessageNotReadableException错误目录01起因02解决方案后端解决方案03HttpMe......
  • QMap 删除指针内容时的一个问题
    在测试代码时,发现一个问题:voidUserManager::removeUser(constQString&name){QMap<QString,User*>::Iteratorit;it=mUsers.find(name);if......
  • axios---根据文件路径转换成Blob类型进行下载
    在做下载功能过程中,常常遇到接口跨域的行为,因为权限不能够直接访问而无法实现下载的情况下,可以将文件路径转成文件流下载下来。下载方法//下载getDownLoadFil......
  • ConcurrentHashMap
    ​JDK5中添加了新的concurrent包,相对同步容器而言,并发容器通过一些机制改进了并发性能。因为同步容器将所有对容器状态的访问都串行化了,这样保证了线程的安全性,所以这种......