解析JSON將每個逗號替換爲<br>元素Javascript

Question

我有一串JSON數據，我需要用JavaScript中的<br>替換每個逗號。

這裏是我的JSON {"Items":"beans ,rice ,flour","Quantity":"4 ,5 ,6"}

我的JSON調用

jQuery(document).ready(function($) { 
    $.get(url, function(data) { 

     $.each(data, function(i, val) { 

      $("#pantry").append(
       '<h3>' + 
        '<p>' + 
        items + 
        '</p>' + 
        '<p>' + 
        val + 
        '</p>' + 
       '</h3>' 
      ); 
     }); 
    }); 
    }); 

我需要什麼添加作爲改性劑？

Answer 1

您可以對JSON對象進行串聯處理，然後對Strings使用方法replace。

var test = JSON.stringify({"Items":"beans ,rice ,flour","Quantity":"4 ,5 ,6"}); 

var updatedTest = test.replace(/,/g, '<br>'); 
// Outputs: 
// {"Items":"beans <br>rice <br>flour"<br>"Quantity":"4 <br>5 <br>6"} 

這不會工作corrctly但因爲它會更新單獨的每個屬性的逗號。

這是更符合邏輯：

var test = JSON.parse(JSON.stringify({"Items":"beans ,rice ,flour","Quantity":"4 ,5 ,6"})); 
var updatedTest = {}; 
for (prop in test){ 
    updatedTest[prop] = test[prop].replace(/,/g, '<br>') 
} 

updatedTest = JSON.stringify(updatedTest); 

// updadedTest Outputs: 
// {"Items":"beans <br>rice <br>flour","Quantity":"4 <br>5 <br>6"} 

Answer 2

您可以分割上','和使用<br />加入。

items.split(',').join('<br />')