首頁猿問如何在javascript中將數組...

如何在javascript中將數組轉換為樹結構

JavaScript

12345678_0001 2023-07-29 15:23:08

這是我的陣列。我只是想用祖父母->父母->孩子姓名關系構建一個層次結構樹。請幫我解決這個問題。示例輸入如下所示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'} ]預期輸出是這樣的。如有語法錯誤請忽略[ { 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條經驗獲得超6個贊

您可以使用reduce和forEach方法來創建嵌套結構以及一個數組，您可以在其中指定要迭代的鍵的順序。

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)

反對回復 2023-07-29

肥皂起泡泡

TA貢獻1829條經驗獲得超6個贊

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

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)

反對回復 2023-07-29

2 回答
0 關注
166 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在javascript中將數組轉換為樹結構

如何在javascript中將數組轉換為樹結構

2 回答

添加回答