immutable.js 学习笔记(三)----- Map

一、Map

Map在原生的js中对应的是Object这样的结构,它都是key-value的键值对,并且它是无序的

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408135240684.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

二、 API

(一) set:设定值

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408135436248.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(二)delete:删除值

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408135701483.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)
每做一次增删改查都会把这些数据重新生成一份,如果要想删除多个key的话,对内存的消耗也是很大的,所以deleteAll是一次删除多个key,然后只返回一次新的对象

(三)deleteAll:批量删除

![在这里插入图片描述]( https://img-blog.csdnimg.cn/202104081400271.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(四)clear:清除所有返回新Map

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408140140175.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(五)update:更新

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408140838166.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(六)merge:合成N个Map为一个Map

![在这里插入图片描述]( https://img-blog.csdnimg.cn/2021040814095719.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(七)mergeWith:指定了merge的规则

第一个参数表示:如果值重复的话应该怎么办
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408141307158.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(八)setIn:对于嵌套结构来进行设置值

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408141512899.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(九)toJS() 与 toJSON():转换为对象

toJS() 是深转换
toJSON() 是浅转换
浅转换只转换一层,深转换可以转换出每一层对象
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408142013853.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408141940196.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十)toArray:转换为数组

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408142212486.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十一)toObject:转换为Object

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408142321291.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十二)equals:判断两个map的值是否相等

![在这里插入图片描述]( https://img-blog.csdnimg.cn/2021040814245471.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十三)find:查找,匹配的第一个

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408142646136.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十四)flatten:拉平Map

false是深拉平,true是浅拉平
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408142850314.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408142947721.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十五)has:判断是否有指定的key

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408143149936.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十六) includes:判断是否有指定的value

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408143238590.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十七)forEach

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210408143431400.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTAzNjEy,size_16,color_FFFFFF,t_70)

(十八)未完待续。。。。。。

posted @ 2021-04-24 22:25  杨芋可可  阅读(94)  评论(0)    收藏  举报