Зацикливание на объекте с массивами

Question

Я хочу создать древовидное представление структуры моего проекта с использованием JavaScript на основе объекта, подобного следующему.

{
  dirname: 'Project',
  opened : true,
  nodes: [
    'index.html',
    'main.js',
    {
      dirname: 'src',
      opened: true,
      nodes: [
        'app.js',
        {
          dirname: 'styles',
          opened: false,
          nodes: [
            'app.sass'
          ]
        }
      ]
    }
  ]
}

Но я не знаю, как зациклить объект с массивами в качестве значения.Вы можете мне помочь?