Как убрать запятую между строками таблицы

Question

Вывожу в таблицу данные. Между строками таблицы выводиться запятая. Как ее убрать? const arrByLang = externalService.getCountryListByLanguage('English');

tbody.innerHTML = arrByLang.map((country) => 
    ` <tr>
      <td>${country.name}</td>
    <td>${country.capital}</td>
    <td>${country.region}</td>
    <td>${getLanguages(country.languages)}</td>
    <td>${country.area}</td>
    <td><img src="${country.flagURL}"></td>
        </tr> `
 )

Answer 1

map возвращает массив. innerHTML принимает на вход строку. Соответственно, массив неявно преобразуется в строку. По умолчанию разделитель для соединения элементов массива - запятая. Для решения проблемы, сделайте join данных с разделителем в виде пустого символа. Например

tbody.innerHTML = arrByLang.map((country) => .... ).join('');

document.getElementById('test').innerHTML = [1,2,3];
document.getElementById('test2').innerHTML = [1,2,3].join('');

<div id="test"></div>
<div id="test2"></div>

БЛОГ НА HUSL

Как убрать запятую между строками таблицы

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