使用纯Javascript从网址生成Treeview
依地那尼
我正在以如下数组的形式获取文件的网址
我想要实现这样的目标
var mainObj = [
{
name: "Home",
files: ["excel doc 1.xlsx", "excel doc 2.xlsx"],
folders: [{
name: "Procedure",
files: ["excel doc 2.xlsx"],
folders: []
}],
},
{
name: "BusinessUnits",
files: [],
folders:[
{
name:"Administration",
files:[],
folders:[{
name: "AlKhorDocument",
files: [],
folders:[
{
name: "Album1",
files: [],
folders:[......]
}
]
}]
}
]
}
]
.......请告诉我您是否可以提供帮助。
顺便说一下，我想实现以下目标
如果您可以提出更好的建议，那对我有帮助。
妮娜·斯科茨（Nina Scholz）
通过仅包含字符串的路径部分，可以通过减少文件夹结构来减少数组，并将最终文件添加到文件夹结构中。
var data = ['Home/excel doc 1.xlsx', 'Home/excel doc 2.xlsx', 'Home/Procedure/excel doc', 'Home/Procedure/2.xlsx', 'BusinessUnits/Administration/AlKhorDocument/Album1/text.txt'],
result = data.reduce((r, p) => {
var path = p.split('/'),
file = path.pop(),
final = path.reduce((o, name) => {
var temp = (o.folders = o.folders || []).find(q => q.name === name);
if (!temp) o.folders.push(temp = { name });
return temp;
}, r);
(final.files = final.files || []).push(file);
return r;
}, {});
console.log(result);.as-console-wrapper { max-height: 100% !important; top: 0; }本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用AngularJS生成纯HTML
- 2
当用户使用纯Javascript按下文本时，更改网址链接的一部分
- 3
Laravel使用参数生成网址
- 4
如何使用纯JavaScript定位DOM中动态生成的非唯一元素？
- 5
仅使用纯 javascript 动态生成表单输入文件在单击按钮时递增和递减
- 6
使用纯JavaScript代替coffeeScript
- 7
使用纯JavaScript解析JSON
- 8
使用纯JavaScript的XHR调用
- 9
对Javascript对象使用纯函数
- 10
使用纯Javascript提交表单
- 11
使用纯 JavaScript 触发添加
- 12
使用纯SQL生成结果表
- 13
如何使用纯CSS或纯JavaScript从底部滑动div
- 14
使用viewset生成/ users / me网址
- 15
如何使用纯JavaScript处理事件？
- 16
如何使用纯JavaScript产生fadeOut效果
- 17
使用POST纯JavaScript发送JSON对象
- 18
如何使用Maven创建纯JavaScript项目？
- 19
使用纯JavaScript获取数组的重复项
- 20
如何在nuxtjs中使用纯JavaScript？
- 21
使用纯JavaScript制作吐司动画
- 22
在纯JavaScript中使用express传递的数组
- 23
如何使用纯JavaScript选择<html>元素？
- 24
使用纯JavaScript构建进度栏
- 25
使用javascript触发纯CSS模式
- 26
使用POST纯JavaScript发送JSON对象
- 27
使用纯Javascript进行按钮文本转换
- 28
如何使用纯Javascript使此按钮行为？
- 29
使用纯 JavaScript 加载外部 JSON 数据
我来说两句