如何将JSON对象拆分为两个并单独附加每个对象

时间:2017-03-23 14:16:07

标签: jquery html arrays json

我正在使用JSON和Ajax来引入数据。我有一个各种汇率的汇率对象。

我想要做的就是将对象分成两半,然后将每一半分别附加到div。我似乎无法弄清楚如何拆分JSON对象。

我附上了我的代码片段,并在 问题区域 注释中标记了问题区域。我还包含了一个JSON数据文件的链接。

CODE:



var str = $.getJSON('http://api.fixer.io/latest?base=ZAR', {
    action: "query"
    , list: "search"
    , format: "json"
, }, 
    
    function (data) {
    var baseCurr = data.base;
    var baseDate = data.date;
    
    $('#curr-cont').append('<div class="base row1" id="row1"><div class="base flag" id="flag"><i class="famfamfam-flag-za"></i></div><div class="base country-name"><p class="c-name" id="count-name">' + baseCurr + '</p></div><div class="base currency"><p class="c-amount" id="curr">' + baseDate + '</p></div></div>');
    
    $.each(data.rates, function (i, item) {
        var amount = [item];
        var name = [i];
        var maxLength = 4;
        var string = amount.toString();
        string = string.substr(0, maxLength);
        // amount = amount.substr(0, maxLength);
        $('#curr-cont').append('<div class="row1" id="row1"><div class="flag" id="flag"><i class="famfamfam-flag-' + name + '"></i></div><div class="country-name"><p class="c-name" id="count-name">' + name + '</p></div><div class="currency"><p class="c-amount" id="curr">' + string + '</p></div></div>');

        //***Problem Area** I am trying to count the objects in the array and then halve it, this is probably wrong approach

        var count = Math.ceil(Object.keys(data.rates).length/2);
        console.log(count);
    });
    
    
});
&#13;
&#13;
&#13;

JSON data file

1 个答案:

答案 0 :(得分:0)

你几乎走在正确的轨道上 - 虽然在所有each的{​​{1}}内都有这个逻辑似乎有点奇怪。以下是将关联数组拆分为2个部分的逻辑。值

data.rates