前端Map的应用

Posted 2023-03-21

参考技术A

在没有 Map 的日子里，面对key、value的需求，选择 Object 和 lodash 的 keyBy 也不错
相对于 Object , Map 更方便进行类型声明、遍历等操作

用二维数组初始化 Map

Map 通过 set 方法添加或更新值。

get 查询
delete 删除
clear 清空
size 数据的个数

如果只关心 value ，可以通过 values 和 forEach 方法

values 返回一个 IterableIterator ，可以通过扩展运算符和 for ... of

如果只关心 key ，可以通过 keys 同上

将 map 换成 map.entries() 也是可行的，后者也返回一个 IterableIterator 。

自然也可以

浅复制 map

或许 WeakMap 能在关键的时候帮上大忙。

后台返回数据为map集合，前端js处理方法

当后台返回的数据不是json而是map集合的时候，前端js中处理就将其看作是一个数组，例如后台返回的代码入下：

Map<String, String> result = new HashMap<String, String>();
map.put("code", "200");
map.put("title", result.get("title"));
map.put("content", result.get("content"));
return map;

前端处理时，直接以数组的形式输出即可，代码如下：

             if(data["code"]=="200"){
                var title =data["title"];
                var content = data["content"];
                alert(title);
                alert(content);
            }

其中data即为后台返回的Map集合