如何將字符串數組轉換為嵌套的 JSON 對象？

Question

我想在我的前端顯示 blob 存儲中存在的所有文件和文件夾。 我正在使用 PrimeNG 樹組件。 但是，我無法將我的響應轉換為 primeNG 所需的格式。

這是實際的響應：

"filenames": [
"/30",
"/mtcagent.log",
"/spe9_xf.rst/bin/sbin/spe9_rgg-prop_ycoer.fbin",
"/spe9_xf.rst/bin/sbin/spe.fbin"
]

預期的：

[
{"label": "30",
"Icon": "pi pi-folder"
},
{
"label": "mtcagent.log",
"Icon": "pi pi-folder"
},
{
"label": "spe9_xf.rst",
"Icon": "pi pi-folder",
"children": [
{
"label": "bin",
"Icon": "pi pi-folder",
"children": [
{
"label": "sbin",
"Icon": "pi pi-folder",
"children": [
{
"label": "spe9_rgg-prop_ycoer.fbin",
"Icon": "pi pi-file",
},
{
"label": "spe.fbin",
"Icon": "pi pi-file",
}
]
}
]
}
]
}
]

到目前為止，這是我的代碼：

 var arr = [ "abc.rft", "ccc.rft", "spe9_sgrid_long_rstcreation.rst/bin/sbin/spe9_batch-grid.dat.binfiles" ]; var arrOfObjs = new Array(); for (let i = 0; i < arr.length; i++) { var obj = { "expandedIcon": "pi pi-folder-open", "collapsedIcon": "pi pi-folder" }; obj.label = arr[i]; arrOfObjs.push(obj); } arrOfObjs.forEach(e => { if (e.label.indexOf('/') == -1) { } else { var carray = new Array(); var x = e.label.split('/'); e.label = x[0]; obj.label = e.label; carray.push(obj); console.log('carray', carray) e['children'] = JSON.stringify(carray); console.log('sss', arrOfObjs) } });

Answer 1

您可以使用 .map 高階函數來執行此操作。

Answer 2

或者也許使用：

JSON.parse(JSON.stringify(carray));