Найти все атрибуты объекта объектов?

Question

Я занимался этим буквально весь день в поисках ответов и чувствую, что смотрю не в том месте.Я - разработчик .NET, поэтому мое мышление вокруг объектов таково, что они обычно имеют ключ и значение.В Visual Studio я могу осмотреть объект и увидеть ключи и тип значений.

Как мне это сделать в JavaScript?

Инструменты разработчика Chrome мне не помогают.Я просто хочу иметь возможность "проверять" массивы и объекты JavaScript.Кто-нибудь знает инструмент или что-то, что может помочь мне в этом легко?Visual Studio позволяет мне легко отлаживать и проверять каждую переменную / массив / объект, наведя на нее курсор. Мне бы хотелось что-то подобное для Javascript.

Я пробовал getOwnPropertyNames (массив) и получаю кучуцифры.

Вот мой код:

var x = new XMLHttpRequest();
x.open("GET", "https://rsshub.app/instagram/user/jasminealkouri/", true);
x.onreadystatechange = function () {
    if (x.readyState == 4 && x.status == 200) {
        var doc = x.responseXML;
        var titles = doc.getElementsByTagName("channel")[0].getElementsByTagName("title");

        var arr = Array.prototype.slice.call(titles);
        document.getElementById("mainP").innerHTML = Object.getOwnPropertyNames(titles);
    }
}
x.send(null);

Любая помощь будет оценена.Я довольно новичок в javascript, но знаю много других языков, так что, возможно, это омрачает мое понимание.

Answer 1

Я рекомендую использовать lodash из https://lodash.com,, вы должны импортировать его следующим образом:

 import _ from 'lodash' 

после его установки, а затем он позволяет получить атрибуты (ключи) ваших объектов в оченьхороший способ, если ваши заголовки являются массивом, вы должны написать что-то вроде:

 titles.map((title)=>{
     document.getElementById("mainP").innerHTML = _.keys(title).join(" ")
 })