ES6 解析后端返回的Map 数据

发布网友发布时间：2022-12-26 14:27

共1个回答

热心网友时间：2023-10-15 23:03

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>

);