Json对象和Json字符串的区别(☆☆)

青旅半醒 2022-11-27 00:52 227阅读 0赞

**1、Json概念**  
JSON (JavaScript Object Notation) 一种简单的数据格式，是一种比较轻量级的数据存储格式；  
**2、Json与象**  
1、最显著的特征：对象的值可以用 “对象.属性” 进行访问；  
2、typeOf(json对象) ===> Object类型  
3、例子如下：

var person={
        "name":"shily","sex":"女","age":"23"}//json对象
    console.log(person);
    console.log(person.name);
    console.log(typeof person);

输出结果是：  
![在这里插入图片描述][20200812212310775.png_pic_center]  
**3、Json字符串（所谓字符串：单引号或者双引号引起来）**  
例子如下：

var person='{"name":"shily","sex":"女","age":"23"}';//json字符串
    console.log(person)
    console.log(person.name)
    console.log(typeof person)

输出结果是：  
![在这里插入图片描述][20200812212504941.png_pic_center]  
**4、Json对象与Json字符串的相互转化**  
1、Json字符串转化为Json对象（ JSON.parse() ）

var  str = '{"name":"shily","sex":"女","age":"23"}';
    var  strToObj = JSON.parse(str);
    console.log(strToObj);
    console.log(typeof strToObj);
    console.log(strToObj.name)

输出结果为：  
![在这里插入图片描述][2020081221270061.png_pic_center]  
2、Json对象转化为Json字符串（ JSON.stringify() ）

var  obj = {
        "name":"shily","sex":"女","age":"23"}//json对象
    var  objToStr = JSON.stringify(obj);
    console.log(objToStr);
    console.log(typeof objToStr)

输出结果为：  
![在这里插入图片描述][20200812212857707.png_pic_center]  
**5、Json数据在哪种格式下会发生转换**

1、调用第三方接口返回json字符串，我们自己处理成所需格式的json数据？

2、往JSONObject对象中添加属性及属性值，最后将JSONObjecct对象转成json数据返回？  
**6、SpringMvc接受Json字符串类型**  
基于Rest风格的开发，前端ajax提交的是一个json格式的字符串，后台以@RequestBody接受的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层。

我的微信号: xiang20200106 ,欢迎大家找我聊天  
— 【 THE END 】—

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg1MzY2OQ_size_16_color_FFFFFF_t_70_pic_center_pic_center]

**本公众号已经整理一套包含前端和后端的全套电子书教程，限时免费赠送，请在公众号里回复「电子书」获取！**

[20200812212310775.png_pic_center]: /images/20221124/dc2bf6c35f8442cf81c87928071db1ab.png
[20200812212504941.png_pic_center]: /images/20221124/6b49210e0e3c4580aab54f071e6b64f4.png
[2020081221270061.png_pic_center]: /images/20221124/7a42be91f8904073b3a1d9bc90ffc7cb.png
[20200812212857707.png_pic_center]: /images/20221124/8f7fe779c14a416780bc96d4e6c2ba14.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg1MzY2OQ_size_16_color_FFFFFF_t_70_pic_center_pic_center]: /images/20221124/9dad6ac1dd984871a11e8bc0831760f7.png