我想用資料顯示嵌套物件的鍵和值：
const obj = {
"success": true,
"data": {
"data1": {
"label": "label1",
"value": "value1"
},
"data2": {
"label": "label2",
"value": "value2"
}
}
}
并希望像這樣向物件顯示資料：
{data1: "value1", data2: "value2"}
我已經嘗試過這個：
const init = Object.entries(obj.data).map(([key, value]) => {
const data = `${key}: ${value.value}`;
return data;
});
但我得到了錯誤的格式。
uj5u.com熱心網友回復：
使用reduce功能
const obj = {
"success": true,
"data": {
"data1": {
"label": "label1",
"value": "value1"
},
"data2": {
"label": "label2",
"value": "value2"
}
}
}
const list = Object.keys(obj.data).reduce((acc, key) => {
acc[key] = obj.data[key].value
return acc
}, {})
console.log( list)uj5u.com熱心網友回復：
你可以用Array#reduce它。
const obj = {success:true,data:{data1:{label:"label1",value:"value1"},data2:{label:"label2",value:"value2"}}};
const res = Object.entries(obj.data).reduce((acc, [key, obj]) => ({
...acc,
[key]: obj.value,
}), {});
console.log(res);轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/520574.html
標籤：反应数组目的
上一篇：狀態未轉移到另一個組件時出現問題