Распарсить список

Question

Доброго времени суток!

Есть список в таком виде (его возвращает питон):

var arr = ['1234:2','1234:3', '1234:4', '1234:5' ]

Я его принимаю и нужно в html вывести данный список в таблице.

  <table>
    <tr>
        <th>ID</th>
        <th>Ключ</th>
    </tr>
    <tr>
        <td>1234</td>
        <td>2</td>
    </tr>
    <tr>
        <td>1234</td>
        <td>3</td>
    </tr>
</table>

Answer 1

var arr = ['1234:2','1234:3', '1234:4', '1234:5']
console.log(arr.map(x => x.split(':')))

.as-console-wrapper.as-console-wrapper { max-height: 100vh }

Answer 2

Если обязательно в цикле, можно так:

const arr = ['1234:2','1234:3', '1234:4', '1234:5'];

for (const string of arr) {
  const [first, second] = string.split(':');
  console.log(`${first} | ${second}`); // Тут можно составлять таблицу шаг за шагом.
}

Answer 3

Вот так я вижу заполнение.

var arr = ['1234:2','1234:3', '1234:4', '1234:5' ];

const tr = [...document.querySelectorAll('tr')].splice(1);

tr.forEach((row, index) => {
  const [ID, KEY] = row.children;
  ID.textContent = arr[index].split(':')[0];
  KEY.textContent = arr[index].split(':')[1];
});

<table>
    <tr>
        <th>ID</th>
        <th>Ключ</th>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

БЛОГ НА HUSL

Распарсить список

Ответы (3 шт):