ES6之map

秒速五厘米 2022-05-24 10:40 199阅读 0赞

\* 数据结构: map

\* 键值对: 与对象不同的是键和值可以是任何类型

Map结构提供了“值—值”的对应，是一种更完善的Hash结构实现。如果你需要“键值对”的数据结构，

Map比O也 是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

const map1 = new Map();  
  
  
         设置key键  
         const key1 = 'some string',  
               key2 = \{\},  
               key3 = function()\{\};  
  
  
** （1）为key设置value值**

>  map1.set(key1,'Value of key1');
> 
>  map1.set(key2,'Value of key2');
> 
>  map1.set(key3,'Value of key3');

** （2） 根据key获取对应的value**  
           console.log(map1.get(key1),map1.get(key2),map1.get(key3));  
  
  
** （3） 获取对应的value数量**  
          console.log(map1.size);  
  
  
** （4） for...of遍历map1中的key and value**  
         for(let \[key,value\] of map1)\{  
           console.log(\`$\{key\} = $\{value\}\`);  
          \}  
  
  
**（5） only key**

for(let key of map1.keys())\{

console.log(key);

\}

**（6） only value**  
         for(let value of map1.values())\{  
               console.log(value);  
           \}  
  
  
**（7）forEach遍历map1**  
        map1.forEach((value,key) => \{  
          console.log(\`$\{key\} = $\{value\}\`);  
    \})  
  
  
**（8） 将map1转化为正常的数组**  
         const keyValueArray = Array.from(map1);  
         console.log(keyValueArray);  
  
  
**（9）将map1中的key转化为数组**  
        const keyArray = Array.from(map1.keys());  
        console.log(keyArray);  
  
  
**（10） 将map1中的value值转换为数组**  
        const valueArray = Array.from(map1.values());  
        console.log(valueArray);

发表评论取消回复

表情：

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

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

相关阅读

相关 ES6（6）：Set 和 Map

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

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

相关 ES6之Set,Map的区别

简述： Set 和 Map 主要的应用场景在于数据重组和数据储存。 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构。集合与字典

川长思鸟来/ 2022年10月25日 14:14/ 0 赞/ 158 阅读

相关 es6 map和 weakmap

Map和WeakMap是ES6新增的数据结构一、Map 它们本质与对象一样，都是键值对的集合，但是他们与Object对象主要的不同是，键可以是各种类型的数值，而O

r囧r小猫/ 2022年06月09日 14:44/ 0 赞/ 198 阅读

相关 ES6 Map

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

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

相关 ES6之map

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

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

相关 ES6 Map 数据结构、ES6 箭头函数

目录 Map 定义与基本用法 Map 属性与方法 Map 遍历 ES6 箭头函数箭头函数基本用法简化回调函数 -------------------- M

曾经终败给现在/ 2022年04月17日 05:17/ 0 赞/ 204 阅读

相关 es6之Map()

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

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

相关 es6之Map（3）

写在开始的题外话：大佬晚上说测试，没错，就是晚上╮(╯▽╰)╭ 翻翻记录，大佬曾说一般开发流程是：需求收集-》需求确定-》需求评审-》技术方案落地-》开发-》自测-》冒烟测试

比眉伴天荒/ 2022年03月27日 09:24/ 0 赞/ 176 阅读

相关 ES6之Set和Map数据结构

ES6提供了新的数据结构Set，类似数组，元素值都是唯一的，不能重复。Set本身就是一个构造函数。 Set接受数组或者类数组作为参数用来初始化： var arr1

痛定思痛。/ 2022年01月18日 22:45/ 0 赞/ 305 阅读

相关 es6 Set和Map

ES6 Set和Map容器 Set:不可重复的集合 Map:键值对的集合 Set: 1、new Set();

傷城~/ 2021年07月24日 11:29/ 0 赞/ 522 阅读