How to organize a list of files and folders with a nesting level in an object for work?

Question

JavaScript

How to organize a list of files and folders with a nesting level in an object for work? To make it convenient to display them and when you click a folder, files and folders in the selected folder are loaded.

Answer 1

Something like:

[
  {
    name: 'some_name',
    type: 'folder',
    isHidden: false,
    size: 23123,
    created_at: 4342323434,
    edited_at: 3453123434,
    path: '/some_place/some_name',
    children: [],
    childrenLength: 4,
    access_rights: [],
  },
  {
    name: 'some_image.png',
    type: 'file',
    isHidden: false,
    size: 23123,
    created_at: 4342323434,
    edited_at: 3453123434,
    path: '/some_place/some_image.png',
    access_rights: [],
  },
]