查找对象的所有属性对象?

时间:2018-09-23 09:00:37

标签: javascript html arrays object

我整整一天都在这儿,寻找答案,我觉得自己在错误的地方。我是.NET开发人员,所以我对对象的看法是它们通常具有键和值。在Visual Studio中,我可以检查对象并查看键和值的类型。

我该如何使用JavaScript?

Chrome开发者工具似乎对我没有帮助。我只希望能够“检查” javascript数组和对象。有谁知道一种工具或某种可以帮助我轻松完成此任务的工具?通过将Visual Studio悬停在Visual Studio上,我可以非常轻松地进行调试和检查每个变量/数组/对象,我很喜欢Javascript。

我尝试了getOwnPropertyNames(array),但得到了一堆数字。

这是我的代码:

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还是很陌生,但是知道许多其他语言,所以这可能使我的理解蒙上了一层阴影。

1 个答案:

答案 0 :(得分:0)

我建议使用https://lodash.com中的lodash,您应该像这样导入它:

 import _ from 'lodash' 

安装后,它可以让您以一种非常不错的方式获取对象的属性(键),如果标题是一个数组,则应这样写:

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