一. 需求

数组转对象

1. 数组结构

List:[
	{
		id:1,
		code:'phone',
		value:'10101001'
	},
	{
		id:2,
		code:'name',
		value:'admin'
	},
	{
		id:3,
		code:'address',
		value:'XXXXXX'
	}
]

二. 数组转对象（键值对映射关系）

1. 对象结构

object:{
	phone:'10101001',
	name:'admin',
	address:'XXXXXX'
}

2.1 Java端处理

	@GetMapping("/getList")
	@ApiOperationSupport(order = 1)
	@ApiOperation(value = "详情", notes = "啥也不传")
	public R<Map<String, String>> getList() {
		List<DemoEntity> list = demoService.list();
		Map<String, String> collect = list.stream().collect(Collectors.toMap(DemoEntity::getCode, DemoEntity::getValue, (key1, key2) -> key1));
		return R.data(collect);
	}

2.2. Web端处理

2.2.1. Array.forEach()

let resultMap = {}
this.List.forEach((item) => {
     resultMap[item.code] = item.value
})

2.2.2 Array.map()

function listToMap(arr) {
  return this.List.reduce((resultMap, value, index) => {
    resultMap[item.code] = item.value
    return resultMap;
  }, {});
}

2.2.3. for 循环

let resultMap = {}
for (let i = 0; i < this.List.length; i++) {
    resultMap[this.List[i].code] = this.List[i].value
}

三. 数组转 单个元素集合

1. 对象结构

object:{
	phone:{
		{
			id:1,
			code:'phone',
			value:'10101001'
		},	
	},
	name:{
		{
			id:2,
			code:'name',
			value:'admin'
		},
	},
	address:{
		{
			id:3,
			code:'address',
			value:'XXXXXX'
		}
	}
}

3.1 Java端处理

	@GetMapping("/getList")
	@ApiOperationSupport(order = 1)
	@ApiOperation(value = "获取单个元素集合", notes = "啥也不传")
	public R<Map<String, DemoEntity>> getList() {
		List<DemoEntity> list = demoService.list();
		Map<String, DemoEntity> collect = list.stream().collect(Collectors.toMap(DemoEntity::getCode, Function,identity(), (key1, key2) -> key1));
		return R.data(collect);
	}

3.2 Web端处理

3.2.1. Array.forEach()

let resultMap = {}
this.List.forEach((item) => {
     resultMap[item.code] = item
})
console.log(resultMap, 'resultMap')

3.2.2. for循环

// 传一个数组
function listToMap(arr) {
  let resultMap = {};
  for (let i = 0; i < arr.length; i++) {
    resultMap[arr[i].code] = arr[i];
  }
  return resultMap;
}