JSFiddle - React, Tailwind, and code Playground

by Saurabh Khemka

HTML

a
	b
  c
  	d
    e
    	f
    g
  h
  
  
  a c e
  b d f g h

JavaScript

obj = {
  a: {
    b: {},
    c: {
      d: {},
      e: {
        f: {}
      },
      g: {}
    },
    h: {}
  }
}

let folders = '',
  files = '';

function traverse(obj) {
  if (Object.keys(obj).length > 0) {

    Object.keys(obj).forEach((key, i) => {
      if (Object.keys(obj[key]).length > 0) {
        folders += key;

      } else {
        files += key;
      }
      return traverse(obj[key]);
    })
  }
}

traverse(obj);

console.log(folders)
console.log(files)