Как преобразовать объект в строку для отображения на html странице?

Question

Даются различные объекты, например:

const myObj = [['a','b','c','d'], ['e','f','j','h'], ['i','j','k','l'], ['m','n','o','p']];

Нужно отображать их на странице сайта. Я написал вот такую функцию, для преобразования объекта в строку:

const objToString = () => {                            
    let a = '[';
    let l = myObj.length;
    for (let i of myObj){
          a += '[ ' + i + ' ]';
          l -= 1;
          if(l > 0){
                  a += ','
          }
    }
    a += ']'
    return a + '<br> to create a table from an object';};

Подскажите пожалуйста, может есть метод по-проще? Так как обычное toString() не работает (((

Answer 1

Наверное самый простой способ

const myObj = [['a','b','c','d'], ['e','f','j','h'], ['i','j','k','l'], ['m','n','o','p']];
document.getElementById('code').innerText = JSON.stringify(myObj, null, 4)

<pre id="code">
</pre>

Answer 2

что должно быть на выходе-то ?

const myObj = [['a','b','c','d'], ['e','f','j','h'], ['i','j','k','l'], ['m','n','o','p']];
let imploded = myObj.join(`,`);
console.log(imploded);

БЛОГ НА HUSL

Как преобразовать объект в строку для отображения на html странице?

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