ES6 解析后端返回的Map 数据

Posted 2023-04-01

参考技术A 1、后端（本文使用Java实现）要返回的数据格式

  

name:zhangsan,

age:30



2、前端获取后端返回数据

A、前端接收，默认为对象

const mapObj = responseMap ;//此处responseMap是后端返回的对象

3、转换为ES6 map对象

const map = new Map(Object.entries(mapObj));

4、调用ES6语法解析

方式1 :  map.entries()：返回所有成员的遍历器。

方式2 ：map.forEach()：遍历 Map 的所有成员

const businessidMaps = [];//定义常量存储解析后map数据

if(mapObj!=null) 

      const map = new Map(Object.entries(mapObj));

      map.forEach(function(value1, key1, mapObjs)

        businessidMaps.push(value:key1,name:value1);

      );

   

//map的数据解析赋值给Select控件

    const SearchBusinessNameSelection = (

      <Select style= width: '100%' placeholder="选择业务源">

        businessidMaps.map(ele => <Select.Option key=ele.value value=ele.value>ele.name</Select.Option>)

      </Select>

    );