JSON | JSON字符串和JSON对象的区别

最近在学习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字符串之间的相互转换是关键。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容