вставить значения массива в определенные ячейки / столбцы таблицы

Question

Я создаю функцию, которая должна брать данные из массива (результаты) и помещать их в определенные столбцы таблицы. Массив разделен числами, обозначающими столбец, в который следует ввести следующие данные.

Например:

var results = [1, 'aaaaaa', 'bbb',2, 'ccc', 3, 'dddd', 'eeee', 4, 'fff'];

col 1: 'aaaaaa', 'bbb';
col 2: 'ccc'; etc.

Я пробовал это разными способами и не могу заставить его работать.

На данный момент код выглядит следующим образом. Я не уверен, как это сделать:

var results = [1, 'aaaaaa','bbb',2, 'ccc', 3, 'dddd', 'eeee', 4, 'fff'];
var k = 0;
function populateTable(table, rows, cells, content) {
    if (!table) table = document.createElement('table');
    for (var i = 0; i < rows; ++i) {
        var row = document.createElement('tr');
        for (var j = 0; j < cells; ++j) {
            row.appendChild(document.createElement('td'));
            if (i > 0 && j == 0) {
                row.cells[j].appendChild(document.createTextNode(content + 'PN'));
            }
            else if (i == 0 && j == 0) {
                row.cells[j].appendChild(document.createTextNode(content + 'TYPE'));
            }
            else if (j > 0 && i == 0) {
                row.cells[j].appendChild(document.createTextNode(content + 'LABLE ' + j));
            }

            else if (j > 0 && i > 0 && results[i] != k) {
                    row.cells[k].appendChild(document.createTextNode(content + results[i]));

            }
        }
        table.appendChild(row);
        k++;
    }
    return table;
}

function load() {
    document.getElementById('tablearea')
        .appendChild(populateTable(null, 9, 10, ""));
}

Answer 1

Сначала отформатируйте результаты во что-то вроде:

{
  1: ['aaaaaa', 'bbb'],
  2: ['ccc'],
  3: ['dddd', 'eeee'],
  4: ['fff']
}

Затем сгенерируйте таблицу:

const results = [1, 'aaaaaa', 'bbb',2, 'ccc', 3, 'dddd', 'eeee', 4, 'fff', 5, 'ggg', 'hhhh', 'iiii'];

// First format the results

const formattedResults = {};
let columnIndex = 0;

results.forEach(elt => {
  if (!isNaN(elt)) {
    formattedResults[elt] = [];
    columnIndex = elt;
  } else {
    formattedResults[columnIndex].push(elt);
  }
});

// Then generate the table
const table = document.createElement('table');

const columnKeys = Object.keys(formattedResults);
const maxRows = Math.max(...columnKeys.map(key => formattedResults[key].length));

for (let i = 0; i < maxRows; i = i + 1) {
  const tr = document.createElement('tr');
  
  columnKeys.forEach(colKey => {
    const td = document.createElement('td');
    
    if (formattedResults[colKey][i] !== undefined) {
      td.textContent = formattedResults[colKey][i];
      tr.appendChild(td);
    }
  });
  
  table.appendChild(tr);
}

document.getElementById('tableArea').appendChild(table);

<div id="tableArea"></div>