Javascript для добавления ячеек в таблицу

У меня проблема. Мне нужно вставить ячейку в ряд. Содержимое ячейки - это элемент массива. Но дублируется ... Вот мой код:

function addFila() {
    var iframe = document.getElementById('myFrame');
    var table = iframe.contentDocument.getElementsByClassName("head_to_head h2h_home")[0];
    var row = table.insertRow(1);
    var fila = ["fecha", "liga", "equipolocal", "equipovisitante", "goleslocal", "golesvisitante"];

    for (let i = 0; i < 6; i++) {
      row.insertCell(i);

      for (let x = 0; x <= fila.length; x++) {
        row.insertCell(i).innerHTML = fila[i];

       }    
    }   
}

Что не так?