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

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何在javascript中將數(shù)組轉(zhuǎn)換為樹結(jié)構(gòu)

如何在javascript中將數(shù)組轉(zhuǎn)換為樹結(jié)構(gòu)

12345678_0001 2023-07-29 15:23:08
這是我的陣列。我只是想用祖父母->父母->孩子姓名關(guān)系構(gòu)建一個層次結(jié)構(gòu)樹。請幫我解決這個問題。示例輸入如下所示data =  [ {name:'111',parent:'11',grandparent:'1'}, {name:'112',parent:'11',grandparent:'1'}, {name:'121',parent:'12',grandparent:'1'}, {name:'211',parent:'21',grandparent:'2'} ]預(yù)期輸出是這樣的。如有語法錯誤請忽略[    {    name:'1',    children:[              {                name:'11',                children:[                    {                        name:'111',                        children:[]                    },                    {                        name:'112',                        children:[]                    }                ]              },              {                  name:'12',                  children:[                    {                        name:'121',                        children:[]                    }                  ]              },              {                  name:'21',                  children:[                    {                        name:'211',                        children:[]                    }                  ]              }                        ]        }    ]
查看完整描述

2 回答

?
阿晨1998

TA貢獻2037條經(jīng)驗 獲得超6個贊

您可以使用reduce和forEach方法來創(chuàng)建嵌套結(jié)構(gòu)以及一個數(shù)組，您可以在其中指定要迭代的鍵的順序。


const data = [{"name":"111","parent":"11","grandparent":"1"},{"name":"112","parent":"11","grandparent":"1"},{"name":"121","parent":"12","grandparent":"1"},{"name":"211","parent":"21","grandparent":"2"}]


const order = ['grandparent', 'parent', 'name'];

const result = [];

const levels = {result}


data.forEach(o => {

  order.reduce((r, e) => {

    const name = o[e];

    if (!r[name]) {

      const value = {name, children: []}

      r[name] = {result: value.children}

      r.result.push(value)

    }


    return r[name]

  }, levels)

})


console.log(result)


查看完整回答
反對 回復(fù) 2023-07-29
?
肥皂起泡泡

TA貢獻1829條經(jīng)驗 獲得超6個贊

如果你想用作動態(tài)數(shù)組值，請使用Object.keys()和reverse


const data = [{"name":"111","parent":"11","grandparent":"1"},{"name":"112","parent":"11","grandparent":"1"},{"name":"121","parent":"12","grandparent":"1"},{"name":"211","parent":"21","grandparent":"2", "grandgrandparente": "3"}]



const result = [];

const levels = {result}


data.forEach(o => {

  const order = Object.keys(o).reverse();

  order.reduce((r, e) => {

    const name = o[e];

    if (!r[name]) {

      const value = {name, children: []}

      r[name] = {result: value.children}

      r.result.push(value)

    }


    return r[name]

  }, levels)

})


console.log(result)


查看完整回答
反對 回復(fù) 2023-07-29
  • 2 回答
  • 0 關(guān)注
  • 177 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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