Как отобразить вложенные объекты?

Question

[Sweet Cookies]

Как отобразить вложенные объекты?
Пытаюсь сформировать лист из версий jquery, а вложенные объекты выводятся как [object Object]:

$.getJSON('https://api.cdnjs.com/libraries/jquery', function(data){
  var array = [];
 
  $.each(data, function(key, val){
    array.push('<li id="' + key + '">' + val + '</li>');
  });
 
  $('<ul/>', {
    'class': 'jqlist',
    html: array.join('')
  }).appendTo('body');
});

https://jsfiddle.net/4ehq8bbe/

Answer 1

[0xD34F]

Например:

$.getJSON('https://api.cdnjs.com/libraries/jquery', function(data) {
  $('body').append(`<pre>${JSON.stringify(data, null, 2)}</pre>`);
});

Или, если вам непременно список нужен, можно так:

const toHTML = val =>
  val instanceof Object
    ? `<ul>${Object.values(val).map(n => `
         <li>${toHTML(n)}</li>`).join('')}
       </ul>`
    : val;

fetch('https://api.cdnjs.com/libraries/jquery')
  .then(r => r.json())
  .then(r => document.body.insertAdjacentHTML('beforeend', toHTML(r)));

Comments

[Sweet Cookies]

0xD34F Спасибо Вам за решение.

Answer 2

[ой всё]

вам не хватает не базовых знаний, а желания посмотреть, что происходит в полученных данных и в каком виде они приходят
https://api.cdnjs.com/libraries/jquery

это можно сделать по шагам во вкладке Sources браузера Chrome или воспользоваться плагином JSONView