javascript - 使用 Jquery 或 Javascript 解析嵌套的 Yodlee JSON feed

Question

我正在尝试从下面的 Yodlee JSON 结果集中检索交易详细信息。我可以毫无问题地解析“itemDisplayName”，但在尝试解析嵌套的任何内容时，jquery 代码会遇到问题，例如:itemData ->accounts ->cardTransactions ->plainTextDescription

一个人建议使用 Javascript For 循环而不是 jQuery，但不确定......

var orgs = $.parseJSON(data);    

$(orgs.Body).each(function(i,el) {

            var new_orgs = '<div>' + el.itemDisplayName + '</div>';

            $('#response-getItemSummaries').append(new_orgs);

             });

///原始 YODLEE JSON 结果集

http://pastebin.com/6498mZJf

提前致谢!

Answer 1

您应该使用$.each()而不是.each():

$.each(orgs.Body, function(i,el) {
   var new_orgs = '<div>' + el.itemDisplayName + '</div>';
   $('#response-getItemSummaries').append(new_orgs);
});

Description for $.each() :

通用迭代器函数，可用于无缝迭代对象和数组。具有 length 属性的数组和类似数组的对象(例如函数的参数对象)按数字索引迭代，从 0 到 length-1。其他对象通过其命名属性进行迭代。

The $.each() function is not the same as $(selector).each(), which is used to iterate, exclusively, over a jQuery object. The $.each() function can be used to iterate over any collection, whether it is an object or an array. In the case of an array, the callback is passed an array index and a corresponding array value each time. (The value can also be accessed through the this keyword, but Javascript will always wrap the this value as an Object even if it is a simple string or number value.) The method returns its first argument, the object that was iterated.

Fiddle Demo

<小时/>

如果我想使用 $.each() 来解析我提供的数据源中的嵌套数组，例如 itemData -> account -> cardTransactions -> plainTextDescription，该怎么办？

哦，你的评论回复晚了，但这就是你应该用 jQuery 做的事情:

$.each(orgs.Body, function (i, el) {
    if (el.itemData.accounts !== undefined) {
        $.each(el.itemData.accounts, function (i, el) {
            if (el.cardTransactions !== undefined) {
                $.each(el.cardTransactions, function (i, el) {
                    if (el.plainTextDescription !== undefined) {
                        $('body').append(el.plainTextDescription + '<br/>');
                    }
                });
            }
        });
    }
});

Get the plainTextDescription this way with jQuery