What is the best way to calculate the total of all files within a folder structure using JavaScript

Question

What is the best way to calculate the total of all files within a folder structure using JavaScript

Here is the array I'm working with:

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}
...

I am aiming to calculate the total number of files at the top level:

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

This snippet looks like a step in the right direction:

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

javascript arrays

Answer 1

Answer №1

To simplify the process, you can create a basic regex and achieve the desired outcome using a single reduce method. In this scenario, we are specifically looking for the pattern /<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

To simplify the process, you can create a basic regex and achieve the desired outcome using a single reduce method. In this scenario, we are specifically looking for the pattern /<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 3

Answer №2

Divide by the slash and combine them before adding up .amount_of_files The output format is slightly different from what was mentioned in your posts, but the result remains the same

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

Outputs :

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

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

Answer 4

Divide by the slash and combine them before adding up .amount_of_files The output format is slightly different from what was mentioned in your posts, but the result remains the same

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

Outputs :

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

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

Answer 5

Answer №3

After successfully resolving the issue on my own, I felt compelled to share the solution here in hopes of assisting anyone who may come across this post.

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

Answer 6

After successfully resolving the issue on my own, I felt compelled to share the solution here in hopes of assisting anyone who may come across this post.

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

What is the best way to calculate the total of all files within a folder structure using JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Unexpected event triggering

Having trouble applying CSS styles to an element using JavaScript

Access the JSON data containing sub array values and showcase them on an HTML page by utilizing ngFor

Having an issue with ng-model not functioning correctly in md-menu with AngularJS material

Removing users from a Socket.IO chat room using Node.js

Transfer information from .gs (Google Apps Script) to a variable inside a <script> tag in an HTML document

Having trouble transitioning from Curl to Axios in Node.js? Encountering issues when trying to make a curl request using the provided certificates, resulting in ECONNRESET or

Attempting to use 'user' before it has been initialized is not allowed

Having trouble getting Ajax post to function properly when using Contenteditable

Issue with the gulp-babel plugin: Files within the Plugin/Preset should only export functions, not objects

Cancelling measurements in Potree/three.js

Tips on using the ref attribute in Vue.js to focus on an input element

Stop Ajax from activating jQuery function

How can you effectively transfer arguments from one component to another using router.push() in Vue.js?

Updating REST API: Sending a PUT request without requiring all data to be included in json format

Finding an element that lacks both a class and an id, and is not consistently present - what's the trick?

Creating an index for a JSONB column in Postgres that contains an array of JSON values

What steps can I take to deactivate input and stop it from being accessible on the browser?

Output the contents of a nested object

Vue component's data remains stagnant within created() hook