第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

在reactJS中轉(zhuǎn)換嵌套的json對(duì)象?

在reactJS中轉(zhuǎn)換嵌套的json對(duì)象?

紫衣仙女 2022-07-08 10:25:21
我一直在玩 json 對(duì)象和使用 ReactJS。由變量“res”表示的 json 對(duì)象之一。如何將“res”轉(zhuǎn)換為“b”。我還從 api 獲取我的 json 對(duì)象“res”。我已經(jīng)通過此鏈接解決了我的問題:https ://codesandbox.io/s/epic-leaf-sznhx?file=/src/App.jsconst [res, setResult] = useState();  useEffect(() => {    (async () => {      axios.get("https://corona.lmao.ninja/v2/countries").then(response => {        setResult(response.data);      });    })();  }, []);我如何轉(zhuǎn)換這個(gè):        const a =         {          "menu_1": {            "id": "1",            "menuitem": [{              "value": "0",              "onclick": "0()"            }, {              "value": "0",              "onclick": "0()"            }]          },          "menu_2": {            "id": "2",            "menuitem": [{              "value": "2",              "onclick": "2()"            }]          }        }進(jìn)入這個(gè) json 對(duì)象:const b =    {      "popup": {        "menuitem": [          {            "value": "0",            "onclick": "0()"          },          {            "value": "0",            "onclick": "0()"          },          {            "value": "2",            "onclick": "2()"          }        ]      }    }
查看完整描述

2 回答

?
弒天下

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊

您可以執(zhí)行以下操作:


const a = {

  menu_1: {

    id: "1",

    menuitem: [{

      value: "1",

      onclick: "1()",

    }, ],

  },

  menu_2: {

    id: "2",

    menuitem: [{

      value: "2",

      onclick: "2()",

    }, ],

  },

};


let b = Object.keys(a).reduce(

  (p, c) => {

    for (let item of a[c].menuitem) {

      p.popup.menuitem.push(item);

    }

    return p;

  }, {

    popup: {

      menuitem: []

    }

  }

);


console.log(b);

我假設(shè)該對(duì)象在數(shù)組中a可能有多個(gè)menuitem。



查看完整回答
反對(duì) 回復(fù) 2022-07-08
?
Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊

您可以通過這種方式使用 reduce


const a = {

  "menu_1": {

    "id": "1",

    "menuitem": [{

      "value": "0",

      "onclick": "0()"

    }, {

      "value": "0",

      "onclick": "0()"

    }]

  },

  "menu_2": {

    "id": "2",

    "menuitem": [{

      "value": "2",

      "onclick": "2()"

    }]

  }

}


const res = Object.values(a).reduce((all, {

  menuitem

}) => {

  all.popup.menuitem = [...all.popup.menuitem, ...menuitem]


  return all

}, {

  popup: {

    menuitem: []

  }

})


console.log(res)


查看完整回答
反對(duì) 回復(fù) 2022-07-08
  • 2 回答
  • 0 關(guān)注
  • 223 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)