試圖找出如何重新格式化JSON響應並重新格式化數據

我有以下以.json格式的文件：

"response": { 
    "tickets": [ 
     { 
      "alias": "Lower Box 122", 
      "curr_price": 16.0, 
      "quantity": 2, 
      "seats": "17,18", 
     }, 
     { 
      "alias": "Lower Box 122", 
      "curr_price": 8.0, 
      "quantity": 5, 
      "seats": "1,2,3,4,5", 
     }, 
     { 
      "alias": "Lower Box 122", 
      "curr_price": 14.0, 
      "quantity": 7, 
      "seats": "6,7,8,9,10,11,12", 
     }, 
     { 
      "alias": "Lower Box 123", 
      "curr_price": 16.0, 
      "quantity": 2, 
      "seats": "17,18", 
     }, 
     { 
      "alias": "Lower Box 123", 
      "curr_price": 8.0, 
      "quantity": 5, 
      "seats": "1,2,3,4,5", 
     }, 
     { 
      "alias": "Lower Box 123", 
      "curr_price": 14.0, 
      "quantity": 7, 
      "seats": "6,7,8,9,10,11,12", 
     } 
       ] 
      }

我試圖讓這個輸出：

Lower Box 122, 
quantity: 15, 
seats: 1,2,3,4,5,6,7,8,9,10,11,12,17,18, 
price: 8-16 

Lower Box 123, 
quantity: 15, 
seats: 1,2,3,4,5,6,7,8,9,10,11,12,17,18, 
price: 8-16

不幸的是，重新格式化原始JSON文件是不可能的。我必須處理它目前的格式。

我不一定再次需要.json格式。將文本分發到頁面將會很好。任何人都可以指向我這樣做的實用工具嗎？或一個腳本，將這一切呢？

難度：僅限javascript。

我想感謝每個人都有一個答案 - 希望這會派上用場。

來源

2011-02-16 jake

的Javascript與jQuery推測，因爲你標記jQuery的。 – Orbling 2011-02-16 00:05:19

你如何獲得這個文件到瀏覽器中，一個'.getJSON（）`調用？ – Orbling 2011-02-16 00:05:46

是。 getJSON - 我可以使用getScript也 – jake 2011-02-16 00:31:35

爲了工作需要點點合併這些票種。

(function($) { 
    $(document).ready(function() { 
     var responses = {}; 

     $.getJSON('responsefile.json', function(data) { 
      $.each(data.response.tickets, function(index, cTicket) { 
       var cSeats = cTicket.seats.split(/,/); 

       if (responses[cTicket.alias] == undefined) { 
        responses[cTicket.alias] = { alias: cTicket.alias, 
               price: { min: cTicket.curr_price, max: cTicket.curr_price }, 
               quantity: cTicket.quantity, 
               seats: cSeats }; 
       } else { 
        var cResponse = responses[cTicket.alias]; 

        $.each(cSeats, function(i, cSeatNumber) { 
         if ($.inArray(cSeatNumber, cResponse.seats) == -1) { 
          $.merge(cResponse.seats, [cSeatNumber]); 
         } 
        }); 

        cResponse.seats.sort(function(a, b) { 
         return parseInt(a) - parseInt(b); 
        }); 

        cResponse.quantity = responses[cTicket.alias].seats.length; 
        cResponse.price.min = (cTicket.curr_price < cResponse.price.min ? cTicket.curr_price : cResponse.price.min); 
        cResponse.price.max = (cTicket.curr_price > cResponse.price.max ? cTicket.curr_price : cResponse.price.max); 

        responses[cTicket.alias] = cResponse; 
       } 
      }); 

      var responseSet = []; 
      $.each(responses, function(index, cResponse) { 
       responseSet.push(cResponse); 
      }); 
      responseSet.sort(function(rA, rB) { 
       return (rA.alias < rB.alias ? -1 : (rA.alias > rB.alias ? 1 : 0)); 
      }); 

      processResponses(responseSet); 
     }); 

    }); 
})(jQuery);

根據你的要求寫出反應的方法，我也稍微改變上面的代碼來調用一個函數退出做。只需調整下面的這個功能指向正確的位置即可。

(function($) { 
    function processResponses(responses) { 
     var responseText = ''; 
     var csv = "alias,quantity,seats,price\n"; 

     $.each(responses, function(index, cResponse) { 
      responseText = responseText 
          + cResponse.alias + ",\n" 
          + "quantity: " + cResponse.quantity + ",\n" 
          + "seats: " + cResponse.seats.join(',') + ",\n" 
          + "price: " + cResponse.price.min + (cResponse.price.min == cResponse.price.max ? '' : '-' + cResponse.price.max) + "\n"; 
      csv = csv 
        + cResponse.alias + "," 
        + cResponse.quantity + "," 
        + cResponse.seats.join(' ') + "," 
        + cResponse.price.min + (cResponse.price.min == cResponse.price.max ? '' : '-' + cResponse.price.max) + "\n"; 
     }); 

     $('#text-output-location').text(responseText); 
     $('#csv-output-location').text(csv); 
    } 
})(jQuery);

注意需要空間，獨立的CSV輸出的座位值，用逗號分隔它們將需要大量逸出，降低清晰度。

演示：http://jsfiddle.net/p5QUb/

NB。演示版本有一些修改以允許AJAX在jsfiddle.net上發生，這需要特殊處理，並且輸出的細微更改以添加換行符。

來源

2011-02-16 00:44:05 Orbling

下面將吐出來以正確的格式爲您提供：

var obj = { /* your JSON goes here */ }; 

for (var i=0; i<obj.response.tickets.length; i++) { 
    document.write(obj.response.tickets[i].alias + ",<br/>"); 
    document.write("quantity: " + obj.response.tickets[i].quantity + ",<br/>"); 
    document.write("seats: " + obj.response.tickets[i].seats + ",<br/>"); 
    document.write("price: " + obj.response.tickets[i].curr_price + "<br/><br/>"); 
}

來源

2011-02-16 00:13:19 Jon

我不知道你怎麼想，雖然解析樣本輸出，因爲你用逗號分隔領域，但一你的價值觀中有逗號，那裏有一個模棱兩可的問題。

假設你的JSON解析成稱爲data一個對象，你可以只使用jQuery：

jQuery.map(data.response.tickets, function(elt) { 
    var fields = []; 
    fields.push(elt.alias); 
    fields.push("quantity:" + String(elt.quantity)); 
    fields.push("price:" + String(elt.curr_price)); 
    fields.push("seats:" + elt.seats); 
    return fields.join(",\r\n"); 
}).join("\r\n\r\n");

來源

2011-02-16 00:25:43 jpsimons

<script type="text/javascript"> 
    $(document).ready(function() { 

     var response = {"tickets":[{"alias":"Lower Box 122","curr_price":16.0,"quantity":2,"seats":"17,18",},{"alias":"Lower Box 122","curr_price":8.0,"quantity":5,"seats":"1,2,3,4,5",},{"alias":"Lower Box 122","curr_price":14.0,"quantity":7,"seats":"6,7,8,9,10,11,12",},{"alias":"Lower Box 123","curr_price":16.0,"quantity":2,"seats":"17,18",},{"alias":"Lower Box 123","curr_price":8.0,"quantity":5,"seats":"1,2,3,4,5",},{"alias":"Lower Box 123","curr_price":14.0,"quantity":7,"seats":"6,7,8,9,10,11,12",}]}; 

     var seats = new Array(); 
     var alias = ""; 
     var quantity; 
     var min_price = 999999; 
     var max_price = -1; 


     $.each(response.tickets, function(key, value){ 


      if(value.alias != alias) 
      { 
       if(alias != "") 
       { 
        seats = seats.sort(function(a,b){ return parseInt(a) > parseInt(b); }); 
        alert(alias + "\ncurr_price: " + min_price + "-" + max_price + "\nquantity: " + quantity + "\nseats: " + seats); 
       } 

       alias = value.alias; 
       quantity = 0; 
       min_price = 999999; 
       max_price = -1; 
       seats = new Array(); 
      } 

      if(value.curr_price < min_price) 
      { 
       min_price = value.curr_price; 
      } 

      if(value.curr_price > max_price) 
      { 
       max_price = value.curr_price; 
      } 

      $.each(value.seats.split(","), function(key, value){ 


       if($.inArray(value, seats) < 0) 
       { 
        seats.push(parseInt(value)); 
       } 
      }); 

      quantity += parseInt(value.quantity); 
     }); 

     //Call again for last one 
     seats = seats.sort(function(a,b){ return parseInt(a) > parseInt(b); }); 
     alert(alias + "\ncurr_price: " + min_price + "-" + max_price + "\nquantity: " + quantity + "\nseats: " + seats); 
    }); 



</script>

來源

2011-02-16 00:42:47 Rob

如果您願意包括Underscore.js您可以使用reduce/lfold方法。我給它一個鏡頭，但我懷疑它可能neatened了一點：

_.reduce(x.response.tickets, function(memo, obj){ 
    memo[obj.alias] = memo[obj.alias] || {quantity:0, seats:[]}; 
    memo[obj.alias].maxPrice = 
     Math.max(memo[obj.alias].maxPrice || obj.curr_price, obj.curr_price); 
    memo[obj.alias].minPrice = 
     Math.min(memo[obj.alias].minPrice || obj.curr_price, obj.curr_price); 
    memo[obj.alias].quantity += obj.quantity; 
    memo[obj.alias].seats = 
     memo[obj.alias].seats.concat(_.map(obj.seats.split(","), function(v){ 
      return parseInt(v,10); 
     })); 
    memo[obj.alias].seats.sort(function(a,b){return a-b;}); 
    return memo; 
}, {})

它留給你：

{ 
    "Lower Box 122": { 
     "quantity": 14, 
     "seats": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 17, 18], 
     "maxPrice": 16, 
     "minPrice": 8 
    }, 
    "Lower Box 123": { 
     "quantity": 14, 
     "seats": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 17, 18], 
     "maxPrice": 16, 
     "minPrice": 8 
    } 
}

此外，如果你願意的結果是一個數組對象，而不是散列的，可以改變它像這樣（假設var k是摺疊的結果以上）：

_.keys(k).map(function(alias){ 
    k[alias].alias = alias; 
    return k[alias]; 
})

來源

2011-02-16 02:28:02 david

試圖找出如何重新格式化JSON響應並重新格式化數據

回答

相關問題