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

Question

[ModestesGonze]

Здравствуйте.
Демка тут
Подскажите как разбить данные таблицы на такой вид? То есть строка с классом .no это отдельный объект с вложенными значениями из следующих ячеек.
Скрин таблицы

[
  { 
   "title": "Базовая информация",
   "info": [
    { "subtitle": "Марка", "cell": "Cizeta" },
    { "subtitle": "Модель", "cell": "V16t" },
    // ... и т.д
   ],
  },
  { 
   "title": "Эксплуатационные характеристики",
   "info": [
    { "subtitle": "Расход топлива в городе", "cell": "24 л/100 км" },
    { "subtitle": "Топливо", "cell": "Бензин" },
    // ... и т.д
   ],
  }
]

Comments

[0xD34F]

Подскажите как...

НИКАК.

Не бывает таких объектов:

{"cell":"2", "cell":"3"}

Ключи должны быть уникальны.

Исправляйте вопрос.

[Пащук Илья]

Согласен с 0xD34F Никак! чтобы лучше понять что вам нужно и какими данными вы будете оперировать покажите таблицы макеты как ве должно отображаться?

[ModestesGonze]

0xD34F Пащук Илья
Да, забыл что они уникальны. Можно в ключи засунуть индексы строк и ячеек, по сути не важно что там будет, главное значения.
Пащук Илья
Разметку таблицы вы видели? Я ее упростил, но суть таже. В строке с классом находится ячейка в которой просто заголовок.
Нужно сформировать массив в котором будут объекты, в которых заголовок и данные из ячеек до следующей строки с классом .no
Сложность в том, что строки идут последовательно.
Вот скрин куска таблицы из интерфейса https://tppr.me/9R8Pt

[ModestesGonze]

Красные заголовки это как раз строка с классом .no

[0xD34F]

ModestesGonze, повторяю - вопрос исправьте. Пока не исправите, я публиковать ответ не буду.

[ModestesGonze]

0xD34F Спасибо. Поправил

[0xD34F]

ModestesGonze, у вас с головой всё хорошо? Какое на хрен "поправил"? Почему ключи опять одинаковые? Вы консоль откройте, вставьте туда что понаписали, посмотрите, как будет выглядеть реальный объект, сравните с написанным.

[ModestesGonze]

0xD34F Так достаточно подробно? ...

Answer 1

[0xD34F]

Array.prototype.reduce.call(
  document.querySelector('table').rows,
  (acc, n) => {
    if (!n.classList.contains('no')) {
      acc[acc.length - 1].info.push({
        subtitle: n.querySelector('th').textContent,
        cell: n.querySelector('td').textContent,
      });
    } else if (!n.querySelector('.no2')) {
      acc.push({
        title: n.querySelector('.car').textContent,
        info: [],
      });
    }

    return acc;
  },
  []
)