Как обойти всю таблицу по tr и записать данные в массив JS?

Question

[AlexSer]

Всем привет!! У меня есть таблица такого вида:

<table>
<thead>
<tr>
<th>ID</th>
<th>Object1</th>
<th>Object2</th>
</tr>
</thead>
<tbody>
<tr>
     <td id-object='ID'></td>
     <td object-name="object1">3442</td>
     <td object-name="object2">10045</td>
</tr>
</tbody>
</table>

Мне необходимо чтобы скрипт проходил по ячейкам каждой таблицы и создавал массив вида
Myarray['ID']={"object1":3442, "object2":10045......}, но только чтобы ключи задавались циклом считывая атрибут ячейки "object-name".

Comments

[Антон Антон]

А как эта таблица появляется на странице?

Answer 1

[0xD34F]

const table = document.querySelector('здесь селектор вашей таблицы');
const idAttr = 'id-object';
const propAttr = 'object-name';

const data = Array.prototype.reduce.call(
  table.querySelectorAll('table tbody tr'),
  (acc, tr) => (
    tr.querySelectorAll(`[${propAttr}]`).forEach(function(td) {
      this[td.getAttribute(propAttr)] = td.innerText;
    }, acc[tr.querySelector(`[${idAttr}]`).getAttribute(idAttr)] = {}),
    acc
  ),
  {}
);

// или

const data = {};
for (const { rows } of table.tBodies) {
  for (const { cells } of rows) {
    const item = data[cells[0].attributes[idAttr].value] = {};
    for (let i = 1; i < cells.length; i++) {
      const td = cells[i];
      item[td.attributes[propAttr].value] = td.textContent;
    }
  }
}

Comments

[AlexSer]

0xD34F все хорошо, но тут надо еще Myarray['ID'], индекс от id-object....а у тебя идут индексы 0,1,2

[0xD34F]

AlexSer, советую разобраться, чем массив отличается от объекта.

Ответ обновил.