把普通对象转换成json格式的对象的简单实例


Posted in Javascript onJuly 04, 2016

1、什么叫做JSON?

JSON只是一种数据格式(它不是一种新的数据类型)
var obj = {name: "中国", age: 5000};//->普通格式的对象
var jsonObj = {"name": "中国", "age": 5000};//->JSON格式的对象 (只要把普通对象的属性名用""(不能是'')包起来,这样的格式就是我们JSON格式的对象)
var data = [
{name: "", age: ""},
{name: "", age: ""}
];//->普通的二维数组

var jsonData = [
{"name": "", "age": ""},
{"name": "", "age": ""}
];//->JSON格式的数据

2、在window浏览器对象中提供给我们操作JSON格式数据的一些方法

->window.JSON
->stringify:把JSON格式/普通格式的对象转换为JSON格式的字符串
->parse:把JSON格式的字符串转换为JSON格式的对象

var data = [
{name: "李四", age: 48},
{name: "张三", age: 84}
];

var str = JSON.stringify(data);//->'[{"name":"李四","age":48},{"name":"张三","age":84}]'
console.log(JSON.parse(str));

3、关于兼容的问题

在IE6、IE7中window下没有JSON这个属性
console.log(window.JSON); ->在IE6~7下输出的结果是undefined

不兼容的情况下如何把JSON格式的字符串转换为JSON格式的对象? ->使用eval,但是记住最好是手动在字符串左右两边加上小括号
var str = '[{"name":"李四","age":48},{"name":"张三","age":84}]';
var data = eval("(" + str + ")");//->兼容的话我们使用JSON.parse(str)
console.dir(data);

以上这篇把普通对象转换成json格式的对象的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
Dec 14 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
使用jQuery UI库开发Web界面的简单入门指引
Apr 22 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
node版本管理工具n包使用教程详解
Nov 09 Javascript
详解javascript replace高级用法
Feb 17 Javascript
JavaScript惰性载入函数实例分析
Mar 27 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
Aug 17 Javascript
layui框架与SSM前后台交互的方法
Sep 12 Javascript
JS实现水平移动与垂直移动动画
Dec 19 Javascript
javascript全局自定义鼠标右键菜单
Dec 08 Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 #Javascript
js输出数据精确到小数点后n位代码
Jul 02 #Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 #Javascript
JavaScript Ajax编程 应用篇
Jul 02 #Javascript
js跨域资源共享 基础篇
Jul 02 #Javascript
JavaScript数据存储 Cookie篇
Jul 02 #Javascript
JavaScript实现简单的拖动效果
Jul 02 #Javascript
You might like
咖啡风味 世界咖啡主要分布分布 咖啡的生长要求
2021/03/06 新手入门
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
PHP获取文件夹内文件数的方法
2015/03/12 PHP
ThinkPHP实现更新数据实例详解(demo)
2016/06/29 PHP
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
Javascript中string转date示例代码
2013/11/01 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
JavaScript中rem布局在react中的应用
2015/12/09 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
2016/05/05 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
2017/01/19 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
JS删除String里某个字符的方法
2021/01/06 Javascript
javascript移动端 电子书 翻页效果实现代码
2019/09/07 Javascript
如何使用Javascript中的this关键字
2020/05/28 Javascript
vue调用本地摄像头实现拍照功能
2020/08/14 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
[03:24]DOTA2超级联赛专访hao 大翻盘就是逆袭
2013/05/24 DOTA
Python实现的ini文件操作类分享
2014/11/20 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
pycharm工具连接mysql数据库失败问题
2020/04/01 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
草莓网官网:StrawberryNET
2019/08/21 全球购物
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
荣耀俄罗斯官网:HONOR俄罗斯
2020/10/31 全球购物
遗嘱继承公证书
2014/04/09 职场文书
党支部换届选举方案
2014/05/08 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
企业爱心捐款倡议书
2015/04/27 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫