javascript - 解析 JSON 将每个逗号替换为 元素 Javascript

Question

我有一串 JSON 数据，我需要将每个逗号替换为 <br>在 JavaScript 中。

这是我的 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 对象进行字符串化，然后对字符串使用方法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"}

但这不会正确工作，因为它会更新分隔每个属性的逗号。

这更符合逻辑:

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"}