在JavaScript中总结文件夹结构中的文件?

Question

我有一个给定的数组:

Array (7812)
0 {foldername: "", amount_of_files: 12, children: 86}
1 {foldername: "/pm", amount_of_files: 3, children: 7}
2 {foldername: "/pm/css", amount_of_files: 1, children: 0}
3 {foldername: "/pm/js", amount_of_files: 1, children: 0}
4 {foldername: "/stohg", amount_of_files: 1, children: 2}
5 {foldername: "/stohg/de", amount_of_files: 6, children: 1}
6 {foldername: "/stohg/de/pictures", amount_of_files: 21, children: 1}
...

，我想把所有的文件总结到第一级:

1 {foldername: "/pm", all_files: 5}
2 {foldername: "/stohg", all_files: 28}
...

我认为部分解决方案是:

array.filter(e => {
const folders = e.foldername.split("/");
if (folders.length === 1) {
//maybe something with folders.reduce(); ?
}
})

Answer 1

您可以有一个简单的正则表达式，并且可以在单个reduce方法中完成此操作。这里我们正在检查模式/<word>。

var regEx = new RegExp(/^/w+$/, 'gm');
var folders = [{foldername: "", amount_of_files: 12, children: 86},
{foldername: "/pm", amount_of_files: 3, children: 7},
{foldername: "/pm/css", amount_of_files: 1, children: 0},
{foldername: "/pm/js", amount_of_files: 1, children: 0},
{foldername: "/stohg", amount_of_files: 1, children: 2},
{foldername: "/stohg/de", amount_of_files: 6, children: 1},
{foldername: "/stohg/de/pictures", amount_of_files: 21, children: 1}];
var sum = folders.reduce((acc, folder) => {
if (regEx.test(folder.foldername)) {
acc += folder.amount_of_files;
}
return acc;
}, 0);
console.log(sum);

Answer 2

用斜杠分隔并将它们组合在一起，然后再将.amount_of_files加起来输出格式与您在帖子中提到的略有不同，但结果是相同的

<script>
function get_root_folder_path(path) {
if( path === "" )
return "/"; 
var names = path.split("/");
console.log(names);
if( names.length >= 1 ) return "/" + names[1]; //note: names[0] === ""
else return "INVALI3D";
}
var objs = [
{foldername: "", amount_of_files: 12, children: 86},
{foldername: "/pm", amount_of_files: 3, children: 7},
{foldername: "/pm/css", amount_of_files: 1, children: 0},
{foldername: "/pm/js", amount_of_files: 1, children: 0},
{foldername: "/stohg", amount_of_files: 1, children: 2},
{foldername: "/stohg/de", amount_of_files: 6, children: 1},
{foldername: "/stohg/de/pictures", amount_of_files: 21, children: 1},
];

// create an object to store your new root folder data
var root_folders = {};
for(var i = 0;i < objs.length;i ++) {
var root_folder_path = get_root_folder_path(objs[i].foldername);
if( root_folders[root_folder_path] === undefined )
root_folders[root_folder_path] = {amount_of_files: objs[i].amount_of_files};
else
root_folders[root_folder_path].amount_of_files += objs[i].amount_of_files;
}
console.log(root_folders);
</script>

输出:

{
/: {
amount_of_files: 12
},
/pm: {
amount_of_files: 5
},
/stohg: {
amount_of_files: 28
}
}

Jsfiddle: https://jsfiddle.net/3f7kgLvq/

Answer 3

我自己解决了这个问题，我想提供解决方案来帮助其他人找到我的帖子。

array.forEach(e => {
const folders = e.foldername.split("/");
const isRoot = folders.length === 2;
if (isRoot) {
result.push(e);
} else {
result.forEach((elem, index) => {
if (elem.foldername === "/" + folders[1]) {
result[index] = {...result[index], amount_of_files: elem.amount_of_files + e.amount_of_files}
}
})
}
});
console.log(result);