本文详解JSON与JavaScript对象的区别。JSON是轻量级数据交换格式，要求属性名和字符串值必须使用双引号，且不支持函数或undefined。文章对比了两者在含义、传输能力及表现形式上的差异，并介绍了JSON.stringify和JSON.parse的转换方法及其浏览器兼容性注意事项。
JSON与JavaScript对象的基本概念
JSON是什么？它和JavaScript对象有何不同？在实际开发中，如何将JavaScript对象转换为JSON字符串，以及反过来将JSON字符串解析为JavaScript对象？
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，相比XML更为简洁。作为JavaScript的原生格式，它在JS环境中处理JSON数据无需依赖额外的API或工具库。JSON遵循严格规则：对象被视为无序的“名称/值”对集合，以左花括号“{”开始，右花括号“}”结束。每个名称后紧跟冒号“:”，名称与值之间以逗号“,”分隔。
JSON是JavaScript对象的一种严格子集格式。其核心要求是：属性名必须使用双引号包裹；若值为字符串，也必须使用双引号。
本质上，JSON仅是一种数据格式（或称数据表现形式），并不包含行为逻辑。
代码示例：JS对象与JSON格式对比
<script>
var obj2={};//这只是JS对象
var obj3={width:100,height:200};/*这跟JSON就更不沾边了,只是JS的 对象 */
var obj4={'width':100,'height':200};/*这跟JSON就更不沾边了,只是JS的对象 */
var obj5={"width":100,"height":200,"name":"rose"}; /*我们可以把这个称做：JSON格式的JavaScript对象 */
var str1='{"width":100,"height":200,"name":"rose"}';/*我们可以把这个称做：JSON格式的字符串 */
var a=[
{"width":100,"height":200,"name":"rose"},
{"width":100,"height":200,"name":"rose"},
{"width":100,"height":200,"name":"rose"},
];
/*这个叫JSON格式的数组，是JSON的稍复杂一点的形式 */
var str2='['+
'{"width":100,"height":200,"name":"rose"},'+
'{"width":100,"height":200,"name":"rose"},'+
'{"width":100,"height":200,"name":"rose"},'+
']' ;
/* 这个叫稍复杂一点的JSON格式的字符串 */
</script>
以下是JSON与JavaScript对象的具体区别对比。
JSON与JavaScript对象详细对比
|
区别 |
Json |
Javascript对象 |
|
含义 |
仅仅是一种数据格式 |
表示类的实例 |
|
传输 |
可以跨平台数据传输，速度快 |
不能传输 |
|
表现 |
1,键值对方式，键必须加双引号 2,值不能是方法函数,不能是undefined/NaN |
1,键值对方式，键不加引号 2,值可以是函数、对象、字符串、数字、boolean 等 |
|
相互转换 |
Json转化为js对象： 1,JSON.parse(jsonstring); 2,Jsobj=eval("("+jsonstring+")")； (兼容所有浏览器，但不安全，会执行json里面的表达式?) |
Js对象转换为Json： JSON.stringify(jsobj);(不兼容ie7) |
|
其他 |
调用json官网的js，实现parse 和 stringify 在各个浏览器的兼容： https://github.com/douglascrockford/JSON-js/blob/master/json2.js |
|
综上所述，可以将JSON理解为JavaScript环境下的一种数据格式，它从属于JavaScript。在处理JSON数据时，可直接调用JavaScript内置的API进行解析和序列化。