Вывод данных, получаемых с json файла
 

Здравствуйте дамы и господа. Я обращаюсь к вам за помощь.
Есть json файл на локальной машине. Я должен его разобрать и представить данные в виде таблицы. Мне подсказали как можно сделать, но я не понимаю как можно обращаться к одним элементам объекта, через другие в том примере, что мне скинули.

<script>
  $.getJSON("data.json", json => {
    $('#demo').append(`<thead><tr></tr></thead>`);
    $('#demo').append(`<tbody><tr></tr></tbody>`);
    $.each(json.month_keys, (key, val) => {
      $('#demo thead tr').append(`<th>${key}</th>`);
      $('#demo tbody tr').append(`<td></td>`);
      $.each(val, (k, v) => $('#demo tbody tr td').last().append(`<div><td>${v}</td></div>`));
    });
  });
  </script>

frodo4500,
вопрос то в чём?

$.each(val, (k, v) => $('#demo tbody tr td').last().append(`<div><td>${v}</td></div>`));

данная строка по идее выводит все данные, которые вложены в json.month_keys . Но она их не выводит И я не пойму, почему таким вариантом у меня тоже не получается

$.getJSON("data.json", function(json) {
            for (i = 0; i < month_keys.length; i++){
                document.getElementById("demo").innerHTML = "<tr><td>" + json.table_data[i] +"</tr></td>";
                    for (k = 0; k < month_keys.month_.data.length; k++){
                        for (n = 0; n < month_keys.month_.data[k].RC_P.length; n++){
                            document.getElementById("text").innerHTML = "<tr><td>" + month_keys.month_.data[k].RC_P[n] +"</tr></td>";
                        }
                        for (n = 0; n < month_keys.month_.data[k].RC_Q.length; n++){
                            document.getElementById("text").innerHTML = "<tr><td>" + month_keys.month_.data[k].RC_Q[n] +"</tr></td>";
                        }
                    }
                }
            }
        ,
    );

frodo4500,

$.getJSON("data.json", json => {
    $('#demo').append(`<thead><tr></tr></thead>`);
    $('#demo').append(`<tbody><tr></tr></tbody>`);
    $.each(json.month_keys, (key, val) => {
      $('#demo thead tr').append(`<th>${val}</th>`);
      $.each(json.month_data['chart_data_y'][val], (k, v) =>{
      let tr = $('#demo tbody tr')[k];
      tr = tr ? $(tr) : $('<tr/>').appendTo('#demo tbody');
      $(`<td>${v}</td>`).appendTo(tr)
      } );
    });
  });