Create a tree from a list of strings containing paths of files – javascript

by

You can create this structure using forEach method to loop each path and split it to array on /, then you can also use reduce method to create nested objects.

let paths = ["About.vue","Categories/Index.vue","Categories/Demo.vue","Categories/Flavors.vue","Categories/Types/Index.vue","Categories/Types/Other.vue"];

let result = [];
let level = {result};

paths.forEach(path => {
  path.split("https://stackoverflow.com/").reduce((r, name, i, a) => {
    if(!r[name]) {
      r[name] = {result: []};
      r.result.push({name, children: r[name].result})
    }
    
    return r[name];
  }, level)
})

console.log(result)

More Related Contents:

  1. Build tree array from flat array in javascript
  2. What does “./” (dot slash) refer to in terms of an HTML file path location?
  3. looping through an object (tree) recursively
  4. Javascript: Get deep value from object by passing path to it as string [duplicate]
  5. Accessing nested JavaScript objects and arrays by string path
  6. Relative Paths in Javascript in an external file
  7. How to search JSON tree with jQuery
  8. Multiple path names for a same component in React Router
  9. Get browser download path with javascript
  10. Convert relative path to absolute using JavaScript
  11. How to convert to D3’s JSON format?
  12. Relative paths with fetch in Javascript
  13. Construct hierarchy tree from flat list with parent field? [duplicate]
  14. How to create a collapsing tree table in html/css/js?
  15. Dynamically resize the d3 tree layout based on number of childnodes
  16. Angular directive templateUrl relative to .js file
  17. Recursive tree search in a nested object structure in JavaScript
  18. draw text in d3 arc javascript
  19. how to get full path from fileupload using Javascript
  20. D3 Tree Layout Separation Between Nodes using NodeSize
  21. Dynamically updating a JavaScript object from a string path [duplicate]
  22. Removing address bar from browser (to view on Android)
  23. Getting Image Dimensions using Javascript File API
  24. comparing 2 strings alphabetically for sorting purposes
  25. how to change the background image of div using javascript?
  26. How to handle window scroll event in Angular 4?
  27. Does JavaScript provide a high resolution timer?
  28. Group by, and sum, and generate an object for each array in JavaScript
  29. How to move all HTML element children to another parent using JavaScript?
  30. Vue js error: Component template should contain exactly one root element

Leave a Comment