第使用json對象轉(zhuǎn)化為key,value的對象數(shù)組目錄json對象轉(zhuǎn)為key,value對象數(shù)組問題引出解決方式數(shù)組轉(zhuǎn)換成jsonkey-value形式eg1（數(shù)組中包含的是數(shù)組）eg2（數(shù)組中包含的是對象）

json對象轉(zhuǎn)為key,value對象數(shù)組

問題引出

在某個(gè)從后端獲取的表格數(shù)據(jù)中，有一列是對象格式，不能用于直接展示。

解決方式

不直接展示此列，在操作列加一個(gè)按鈕，點(diǎn)擊之后彈窗展示那一列的數(shù)據(jù)，形式為key和value的兩列表格，key為該對象的各個(gè)字段名，value為字段值。這就需要將對象轉(zhuǎn)化為key和value形式的對象數(shù)組。

代碼

constmetaData={"api-type":"apiparser","management.port":"8101"}

Object.entries(metaData).map(([key,value])=({

key,value

}))

效果

key，value的對象數(shù)組轉(zhuǎn)化為json對象

arr.reduce((acc,curr)={

acc[curr.key]=curr.value

returnacc

},{})

函數(shù)式

/**

*傳入對象得到key、value形式的對象數(shù)組

*key、value可以自定義

*@param{Object}MAP要處理的對象

*@param{String}key對象的key

*@param{String}value對象的value

*@returns數(shù)組

exportfunctionmapToJson(MAP,key,value){

returnObject.keys(MAP).map(item=({

[key]:item,

[value]:MAP[item],

}

數(shù)組轉(zhuǎn)換成jsonkey-value形式

eg1（數(shù)組中包含的是數(shù)組）

varjsonData={};

vararr=[[1,'boy','dabing'],[2,'girl','dabing']];

for(vari=0;iarr.length;i++){

varkey=arr[i][1];

varvalue=arr[i][2];

jsonData[key]=value;

console.log(jsonData['boy'])//'dabing'

eg2（數(shù)組中包含的是對象）

varjsonData={};

vararr=[{id:3,name:'MAN_MIDDLESCHOOL_STUDENT',value:'predefine'},

{id:4,name:'FEMALE_MIDDLESCHOOL_STUDENT',value:'predefine'}];

for(vari=0;iarr.length;i++){

varkey=arr[i].name;

varvalue=arr[i].value;

jsonData[key]=value;

console.log(jsonData);//{MAN_MIDDLESCHOOL_STUDENT:'predef