JSON与JS对象的区别与对比
JSON是什么？(JSON和JavaScript对象有什么区别？)如何把JS对象转化为JSON字符串，又如何把JSON字符串转化为JavaScript对象？
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单： 对象是一个无序的“名称/值”对集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“名称/值”对之间使用“,”（逗号）分隔。
它是一种严格的js对象的格式，JSON的属性名必须有双引号，如果值是字符串，也必须是双引号；
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和JS对象区别对比表
|
区别 |
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是JS下的一种数据格式，他从属于JS，并且在处理JSON数据时可直接使用JS内置API
相关文章
这篇文章主要和大家分享的事JS高级ES6的6种继承方式，继承是面向对象中老生常谈的一个内容，在ECMAScript6之前，JavaScript中的继承可谓是非常的繁琐的，有各种各样的继承，本质上所有的继承都是离不开原型链的，更多详细内容请感兴趣的小伙伴参考下面文章内容吧2021-12-12
这篇文章主要介绍了用javascript制作qq注册动态页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以参考下2021-04-04
微信小程序 image组件binderror使用例子与js中的onerror区别
这篇文章主要介绍了微信小程序 image组件binderror使用例子与js中的onerror区别的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了微信小程序 动画的简单实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-10-10
这篇文章主要为大家介绍了JS轻量级函数式编程实现XDM示例详解第3/3篇，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
这篇文章主要介绍了微信小程序 checkbox组件详解及简单实例的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了微信小程序 input输入框控件详解及实例（多种示例）的相关资料,输入框在程序中是最常见的，登录，注册，获取搜索框中的内容等等都需要，需要的朋友可以参考下2016-12-12
JavaScript生成器函数Generator Functions优缺点特性详解
这篇文章主要为大家介绍了JavaScript生成器函数Generator Functions的特性及优点详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
这篇文章主要为大家介绍了TS编写自动创建长度固定数组的类型工具详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了JS实现密码箱小程序再也不用记各种密码，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论