json字符串出现逗号换行显示

在进行前端开发时，经常会用到JSON数据格式。在我们使用JSON字符串进行数据传递时，如果json格式较为复杂，会出现逗号多行显示甚至爆炸的情况。下面我们来简单介绍一下这一问题的原因和解决方法。

首先，我们来看一段JSON字符串的示例：

{
  "name": "小明","age": 18,"friends": [
    {
      "name": "小红","age": 19
    },{
      "name": "小华","age": 20
    }
  ]
}

在这段JSON字符串中，我们可以看到，在每一个属性之间都加上了逗号进行分隔。但是由于该JSON字符串较长，导致逗号分隔符多行显示，这样就影响了美观和可读性。

那么，该如何解决这个问题呢？经过一番查询和研究，我们发现可以通过以下几种方式进行解决：

方法一：增加空格和换行符

在JSON字符串中适当增加空格和换行符，使代码更加美观，易于阅读。如下所示：

{
    "name": "小明","friends": [
        {
            "name": "小红","age": 19
        },{
            "name": "小华","age": 20
        }
    ]
}

方法二：使用JSON.stringify()方法

JSON.stringify()方法为将 JavaScript 值转换为 JSON 字符串的方法。在转换时可以传入一个参数用于格式化输出的字符串。参考代码如下：

let obj = {
    "name": "小明","age": 20
        }
    ]
};

let jsonStr = JSON.stringify(obj,null,4);
console.log(jsonStr);

第一个参数为待转换的对象，第二个参数为一个参数数组，第三个参数为控制缩进的空格数。以上代码输出结果如下：

{
    "name": "小明","age": 20
        }
    ]
}

通过方法一和方法二的操作，我们就可以解决JSON字符串出现逗号换行显示的问题了。在实际应用中，可以根据项目需要，选择使用不同的方法进行格式化输出。