Итерация таблицы <tr>с использованием данных JSON

Question

Я хочу перебрать таблицу, используя JSON данные. Моя JS функция возврата result JSON. Я хочу напечатать его значения в tr. Я упомянул код ниже.

Пробная таблица:

<table>
  <tbody>
    {{#each result}}
       <tr>
          <td>{{this.currency_name}}</td>
          <td>{{this.rate}}</td>
       </tr>
    {{/each}}
  </tbody>
</table>

Но мой проверенный выше код не работает. Он ничего не печатал. Как я могу решить это? Спасибо.

Answer 1

Мой код ниже - это то, что вы ищете. Я использую foreach l oop для вашего объекта-держателя массива result. Я надеюсь, что это поможет вам. Спасибо

HTML

<table id="table_id">
  <tbody>

  </tbody>
</table>

JS

    $('#table_id tbody tr').remove();

    result.forEach(
           item => insert_items(item.currency_name,item.rate)
    );

    function insert_items(currency_name,rate){

             var summary_table = '<tr id="">'+     
                                      '<td>'+currency_name+'</td>'+                          
                                      '<td>'+rate+'</td>'+
                                  '</tr>';

             $("#table_id tbody").prepend(summary_table);

    }