二十三、Map方法的使用（2021/4/30）

小鱼儿 2023-01-18 04:16 4阅读 0赞

*  注：map解决了es5的弊端，可以代替es5的Object

> 引子：

var obj1 = { 
            name:'sz'
    }
    
    var obj2 = { 
            name:'ls'
    }
    
    var obj3 = { 
            [obj2]:'22',
            [obj1]:'11'
    }
    
    // 上面的赋值会变成如下的形式
    // var obj3 = { 
    // '[object Object]':'22',
    // '[object Object]':'11'
    // }
    // 实际上就是：
    // var obj3 = { 
    // '[object Object]':'11'
    // }
    // key值会隐式调用toString 的方法转换为字符串
    // key => value
    // string => value
    console.log(obj3) // '[object Object]': '11'

*  这里我们想拥有一个非字符串key名的数据，我们可以通过map方法来实现

// es6为了解决以上的问题：
    const fruitsColor = new Map().set('red',['apple']).set('yellow',['banana'])
    
    function printFruits(color){ 
            return fruitsColor.get(color) || []
    }
    
    let res = printFruits('red')
    console.log(res)

**map方法和set方法的对比：**[https://blog.csdn.net/weixin\_43787651/article/details/112917118][https_blog.csdn.net_weixin_43787651_article_details_112917118]

[https_blog.csdn.net_weixin_43787651_article_details_112917118]: https://blog.csdn.net/weixin_43787651/article/details/112917118

发表评论取消回复

表情：

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

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

相关阅读

相关【Go】十二、map类型

/方式1：//定义map变量：//只声明map内存是没有分配空间//必须通过make函数进行初始化，才会分配空间：a = make(map[int]string,10) ...

女爷i/ 2024年04月23日 15:44/ 0 赞/ 124 阅读

相关二十三. 并发实战-ScheduledThreadPoolExecutor使用

前言本篇文章将对计划线程池`ScheduledThreadPoolExecutor`的使用进行说明。正文一. 延时执行有返回值的任务延时执行的意思就

淩亂°似流年/ 2024年03月30日 17:46/ 0 赞/ 96 阅读

相关二十八—— 四十三

二十八、JavaScript——if-else语句 > if-else语句 > > \- 语法： > > if(条件表达式) \{ > > 语句 > > \

亦凉/ 2023年09月30日 17:55/ 0 赞/ 26 阅读

相关二十三.事件

事件一.什么是事件 1. 事件是视图层到逻辑层的通讯方式. 2. 事件可以将用户的行为反馈到逻辑层进行处理. 3. 事件可以绑定到组件上, 当达到触发事件,

阳光穿透心脏的1/2处/ 2023年07月09日 02:23/ 0 赞/ 16 阅读

相关 Python三十二、Python中Mysql的使用

一、Python中mysql的使用 Linux（rhel7.0）中mysql的安装以及安全初始化（注意不要关闭端口）参见以下博客： [Linux下数据库的基本管理][L

ゝ一纸荒年。/ 2023年06月27日 03:26/ 0 赞/ 27 阅读

相关十二、Matplotlib的 imshow使用方法

目录 1、画灰度图像 2、画彩色图像 -------------------- ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_

女爷i/ 2023年06月15日 09:56/ 0 赞/ 17 阅读

相关二十三、Map方法的使用（2021/4/30）

注：map解决了es5的弊端，可以代替es5的Object > 引子： var obj1 = { name:'sz' }

小鱼儿/ 2023年01月18日 04:16/ 0 赞/ 5 阅读

相关二十三种设计模式之：（二）工厂方法

> 工厂模式的定义：定义一个创建产品对象的工厂接口，将产品对象的实际创建工作推迟到具体子工厂类当中。这满足创建型模式中所要求的“创建与使用相分离”的特点。 > “工厂方法模

女爷i/ 2022年10月29日 10:27/ 0 赞/ 242 阅读

相关 map 和 hash_map 的使用方法

STL map常用操作简介 1。目录 map简介 map的功能使用map 在map中插入元素查找并获取map中的元素从map中删除元素 2

桃扇骨/ 2022年07月27日 16:48/ 0 赞/ 54 阅读

相关 map 和 hash_map 的使用方法

STL map常用操作简介 1。目录 map简介 map的功能使用map 在map中插入元素查找并获取map中的元素从map中删除元素 2。map简介

￡神魔★判官ぃ/ 2022年07月18日 04:15/ 0 赞/ 260 阅读