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））;

如何将字符串数组转换为嵌套的JSON对象？

2 个答案: