Json对象和Json字符串的区别

x33g5p2x  于2022-01-09 转载在 其他  
字(4.2k)|赞(0)|评价(0)|浏览(367)

JSON对象

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

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

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

JSON字符串

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

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

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

json字符串和json对象的转换

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

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

json对象转为json字符串:

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

Springmvc接受json字符串类型。

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

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. var saveDataAry=[];
  4. var data1={"userName":"test","address":"gz"};
  5. var data2={"userName":"ququ","address":"gr"};
  6. saveDataAry.push(data1);
  7. saveDataAry.push(data2);
  8. $.ajax({
  9. type:"POST",
  10. url:"user/saveUser",
  11. dataType:"json",
  12. contentType:"application/json",
  13. data:JSON.stringify(saveData),
  14. success:function(data){
  15. }
  16. });
  17. });
  18. </script>

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

  1. [
  2. {"userName":"test","address":"gz"},
  3. {"userName":"ququ","address":"gr"}
  4. ]

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

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

后台用@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对象:

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

JSON字符串:

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

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

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

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

  1. // obj
  2. Object
  3. 123456: Object
  4. 234567: Object
  5. 1.JSON.stringify()
  6. var last = JSON.stringify(obj);
  7. 2.toJSONString()
  8. var last = obj.toJSONString();
  9. // 打印出来是这样的
  10. {"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字符串之间的相互转换是关键。

对象是一个类的实例,可以调用类里面封装好的方法,但是字符串所能调用的方法就是字符串本身具备的那些指定的方法。

相关文章