Json对象和Json字符串的区别

痛定思痛。 2023-10-01 12:08 1阅读 0赞

### JSON对象 ###

有时候在做项目的时候时常将这两个概念弄混淆，尤其是在使用springmvc的时候，后台@RequestBody接受的是一个json格式的字符串，一定是一个字符串。  
先介绍一下json对象，首先说到对象的概念，对象的属性是可以用：对象.属性进行调用的。例如：

var person={
        "name":"tom","sex":"男","age":"24"}//json对象
     console.log(person.name);//在控制台输出tom
     alert(typeof(person));//object

以上就是json对象。是一个用perosn.name这种方式进行属性的调用。第三行代码就是看person的类型，为object类型。

### JSON字符串 ###

字符串，我们常说的javascript中的字符串是单引号或者双引号引起来的。那么json字符串是什么概念呢？

var b='{"name":"2323","sex":"afasdf","age":"6262"}';//json字符串
     console.log(b);//{"name":"2323","sex":"afasdf","age":"6262"}
      alert(typeof(b));//string

以上就是b就是一个字符串，也是一个json字符串，之所以叫json字符串，因为字符串的格式符合json的格式，所以叫做json字符串，第三行代码也匹配其中的类型为string。

### json字符串和json对象的转换 ###

json字符串转json对象,调用parse方法：

var b='{"name":"2323","sex":"afasdf","age":"6262"}'//json字符串
    var bToObject=JSON.parse(b);
    console.log(bToObject.name);//2323

json对象转为json字符串：

var a={
        "name":"tom","sex":"男","age":"24"}//json对象
    var aToString=JSON.stringify(a);
    console.log(aToString);//{"name":"tom","sex":"男","age":"24"}

### Springmvc接受json字符串类型。 ###

在有一段时间做项目，和朋友交流的时候，基于Rest风格的开发，一直理解为前端ajax提交的一个json对象，后台以@RequestBody接受的json对象，后来我发现自己错了，其实不然，前端传入后台的是一个json格式的字符串，下面有一个例子：

上面代码，首先push方法将其封装到数组中，其表现格式：

[
        {
        "userName":"test","address":"gz"},
        {
        "userName":"ququ","address":"gr"}
    ]

JSON.stringify(saveData)将其转换为json字符串：同时ajax请求的时候也要指定dataType: “json”,contentType:”application/json” 这样就可以轻易的将一个对象或者List传到Java端。  
**后台接受**

@Controller
    @RequestMapping(value = "saveUser", method=RequestMethod.POST ) 
    @ResponseBody  
    public void saveUser(@RequestBody List<User> users) {
         
        userService.batchSave(users); 
    }

后台用@RequestBody将其封装到`List`中。然后进入Service层。

> GET、POST方式提时， 根据request header Content-Type的值来判断:  
> application/x-www-form-urlencoded， 可选（即非必须，因为这种情况的数据@RequestParam, @ModelAttribute也可以处理，当然@RequestBody也能处理）；  
> multipart/form-data, 不能处理（即使用@RequestBody不能处理这种格式的数据）；  
> 其他格式， 必须（其他格式包括application/json, application/xml等。这些格式的数据，必须使用@RequestBody来处理）。

--------------------

最近在学习Vue.js，里面有个存储、读取本地缓存的功能，不停地用`JSON.parse()`，和`JSON.stringify()`来转换JSON字符串和JSON对象。自己有点晕，不明白两者的区别，看起来感觉是一样的，也不知道为什么一定要转换才能用，后来去网上查了些资料，总结一下。

> JSON对象 和 JSON字符串是什么？

JSON对象是直接可以使用jQuery操作的格式。  
JSON字符串仅仅只是一个字符串，一个整体，不截取的话没办法读取其中存储的数据，不能直接使用。除非alert()它。  
JSON对象：

var str1 = {
        "name": 'zhangsan',"sex": "man"};

JSON字符串:

var str2 = '{"name": "zhangsan", "sex": "man"}';
    // 花括号{}两边有''

> 将JSON字符串转化成JSON对象的方法

// json字符串
    var str = '{ "name": "mady", "age": 24 }';
    
    1.JSON.parse(str)
    var obj = JSON.parse(str);
    
    2.eval();
    var obj = eval('(' + str +')');
    
    3.parseJSON()
    var obj = str.parseJSON();
    
    // 可这样读取
    alert(obj.name);
    
    // 打印出来是这样的
      Object
          name: 'Lisi'
          __proto__: Object

> 将JSON对象转换成JSON字符串的方法

// obj
    Object
        123456: Object
        234567: Object
    
    1.JSON.stringify()
    var last = JSON.stringify(obj);
    
    2.toJSONString()
    var last = obj.toJSONString();
    
    // 打印出来是这样的
    {
        "123456":{
        "favorite":false},"234567":{
        "favorite":true}}

注：上面几个转换方法，除了eval()函数是js自带的之外，其他的几个方法都来自json.js包。现在JSON.stringify()和JSON.parse()两个方法都注入到了JavaScript的内建对象里面，前者变成了Object.toJSONstring()，后者变成了String.parseJSON()。

> 为什么要转换来转换去？

`json`字符串指的就是`json`本身，由于`JavaScript`是弱类型语言，所以没有办法直接传递对象或是数组，所以提出了`json`格式的字符串，用于数据传递;  
`ajax`中，我们自己拼接的是一个JSON对象，因为它是无数据类型的，所以`JS`根据其格式默认其是对象，要是往后台发，要先把它转换成`JSON字符`。  
从`ajax`的服务器 发过来的，一定是字符串，你想要把它解析，很简单，把它先变成JSON对象才行。

在数据传输过程中，`json`是以文本，即字符串的形式传递的，而`JS`操作的是`JSON对象`，所以`JSON对象`和`JSON字符串`之间的相互转换是关键。