20.React Native常用功能系列二-集合类Map；

最新推荐文章于 2024-08-13 08:01:29 发布

mayundoyouknow

最新推荐文章于 2024-08-13 08:01:29 发布

阅读量2.2k

点赞数

本文链接：https://blog.csdn.net/ahou2468/article/details/91778372

版权

本文介绍了JavaScript中的Map对象，包括其特点和常用操作，如增删改查。重点讨论了如何对Map进行排序，分别展示了按Value和Key排序的方法，并提供了将Map转换回JSON的示例。

摘要由CSDN通过智能技术生成

1.Map

1.1介绍

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

语法
new Map([iterable])
参数
iterable
Iterable 可以是一个数组或者其他 iterable 对象，其元素为键值对(两个元素的数组，例如: [[ 1, 'one' ],[ 2, 'two' ]])。每个键值对都会添加到新的 Map。null 会被当做 undefined。

1.2描述

a. Map 的键可以是任意值，包括函数、对象、基本类型;
b.Map 中的键值是有序的，而添加到对象中的键则不是。因此，当对它进行遍历时，Map 对象是按插入的顺序返回键值。
你可以通过 size 属性直接获取一个 Map 的键值对个数。
c.Map 可直接进行迭代;
d.Map 在涉及频繁增删键值对的场景下会有些性能优势。

2.Map相关操作-增删改查

export default class MapLearn {

    //创建Map对象

    constructor(){
        this.map = new Map();

        this.map1 = new Map([[1, 'one'], [2, 'two']]);
    }

    //Map常用操作
    mapCommonOpt(){
        //1.基础操作
        //添加新值
        this.map.set('key', 'value');
        //通过key获取value
        this.map.get('key');
        //删除某个key键值
        this.map.delete('key');
        //删除所有值
        this.map.clear();
        //检测是否包含某个值
        this.map.has('key');
        //获取Map大小-内容长度
        this.map.size;

        //2.获取Map中所有的值
        //循环遍历获取所有值
        for(let [key, value] of this.map){
            console.log(key+"="+value)
        }

        //获取所有的key
        //