是否查找对象的对象的所有属性？

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

我推荐使用来自https://lodash.com的lodash，你应该像这样导入它：

 import _ from 'lodash' 

在你安装它之后，它允许你以一种非常好的方式获取对象的属性(键)，如果你的标题是一个数组，你应该这样写：

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