ES6 Map对象的使用

男娘i 2024-04-08 09:00 69阅读 0赞

#### \*\*Map对象保存键值对,\*\*任何值(对象或者原始值) 都可以作为一个键或一个值 ####

key和value可以是字符串等数据类型，也可以是对象，函数，NaN。

**set**：insert key and value or update value.

**get**:otaion the value.

#### **map的遍历方式：** ####

**for…of**

for (let \[key,value\] of map)\{\}

for(let key of map.keys())\{\}

for(let value of map.values())

**forEach()**

myMap.forEach(function(value,key)\{\});

<script>
                
                let myMap=new Map();
                myMap.set("a","test1");
                myMap.set("a",1)
                
                let obj={};
                myMap.set(obj,"value_obj");
    
                let function_test=function(){};
                myMap.set("func",function_test);
    
                console.log("getFunc:"+myMap.get(obj));
    
                console.log("-------for of---------");
    
                for(let [key,value] of myMap){
                    console.log(key+"="+value);
                }
                console.log("------------------");
                for(let key of myMap.keys()){
                    console.log("key"+"="+key);
                }
                console.log("------------------");
                for(let value of myMap.values()){
                    console.log("value"+"="+value);
                }
                console.log("-------forEach---------");
                myMap.forEach(function(value,key){
                    console.log(key+"="+value);
                });
    
            </script>

#### Map的操作 ####

**Map与Array的相互转换**

Array转Map: let myMap=new Map(Array)

Map转Array: let myArray=Map.from(myMap)

<script>
                console.log("-----Array to Map-----");
                let kvArray=[["k1","value1"],["k2","value2"]];
                let myMap=new Map(kvArray);
                myMap.forEach(function(value,key){
                    console.log(key+"="+value);
                });
                console.log("-----Map to Array-----")
                console.log(Array.from(myMap));
            </script>

**Map的克隆**

let mapClone=new Map(mapOrigin);

<script>
                let mapOrigin=new Map([["key1","value1"],["key2","value2"]]);
                let mapClone=new Map(mapOrigin);
                mapClone.forEach(function(value,key){
                    console.log(key+"="+value);
                });
                console.log(mapOrigin===mapClone);//false
     </script>

**Map的合并**

let mapMerge=new Map(\[…map1,…map2\]); 注意操作符“…”是需要的。

<script>
                let map1=new Map([["1","one"],["2","two"],["3","threeqq"]]);
                let map2=new Map([["3","three"],["4","four"]]);
                let mapMerge=new Map([...map1,...map2]);
                mapMerge.forEach(function(value,key){
                    console.log(key+"="+value);//false
                });            
            </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，69人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6的Promise对象的使用

Promise`对象，`ES6`新增的一个全新特性，虽然它出现很久了，`but`我相信，有很多的小伙伴还是没有怎么用过，今天让我们来好好的学习一下它。 ![waterm...

清疚/ 2024年04月18日 07:18/ 0 赞/ 65 阅读

相关 ES6 Map对象的使用

\\Map对象保存键值对,\\任何值(对象或者原始值) 都可以作为一个键或一个值 key和value可以是字符串等数据类型，也可以是对象，函数，NaN。 set：ins

男娘i/ 2024年04月08日 09:00/ 0 赞/ 70 阅读

相关 ES6（6）：Set 和 Map

文章目录一、Set 1. 声明一个 set 2. 元素个数

r囧r小猫/ 2022年12月26日 07:30/ 0 赞/ 236 阅读

相关 2020-09-01- ES6 Map对象使用

1.基本的操作：增删改查 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

逃离我推掉我的手/ 2022年12月03日 05:24/ 0 赞/ 170 阅读

相关 es6中的Map类型

var obj1 = { name:'zs' } var obj2 = { name:'ls' }

朴灿烈づ我的快乐病毒、/ 2022年09月16日 04:59/ 0 赞/ 157 阅读

相关 ES6 Map

JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。 const data = {}; con

拼搏现实的明天。/ 2022年06月07日 08:37/ 0 赞/ 188 阅读

相关 ES6之map

\ 数据结构: map \ 键值对: 与对象不同的是键和值可以是任何类型 Map结构提供了“值—值”的对应，是一种更完善的Hash结构实现。如果你需要“

秒速五厘米/ 2022年05月24日 10:40/ 0 赞/ 243 阅读

相关 ES6中的 new Map() 对象

![70][]![70 1][]![70 2][] [70]: https://img-blog.csdn.net/20181004194317301?watermar

太过爱你忘了你带给我的痛/ 2022年05月09日 08:08/ 0 赞/ 219 阅读

相关 es6之Map()

Map()数据结构，类似于对象。键值对的集合，所有的数据都是唯一的，不会重复。每条数据都需要放在一个数组中，它本身就是一个构造函数 > let m=new Map(\[\[“

灰太狼/ 2022年04月04日 10:24/ 0 赞/ 214 阅读

相关 ES6--对象

对象字面量属性的简洁表示法： ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。 const age = 12; const

布满荆棘的人生/ 2021年08月14日 00:18/ 0 赞/ 403 阅读