把普通对象转换成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 相关文章推荐
Chrome Form多次提交表单问题的解决方法
May 09 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
Sep 09 Javascript
jQuery基于cookie实现的购物车实例分析
Dec 24 Javascript
Bootstrap所支持的表单控件实例详解
May 16 Javascript
浅谈Javascript中的函数、this以及原型
Oct 09 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
详解jQuery中的事件
Dec 14 Javascript
Vue.extend构造器的详解
Jul 17 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 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
mysql 搜索之简单应用
2007/04/27 PHP
台湾中原大学php教程孙仲岳主讲
2008/01/07 PHP
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
JS trim去空格的最佳实践
2011/10/30 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
JavaScript用Number方法实现string转int
2014/05/13 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
jQuery实现二维码扫描功能
2017/01/09 Javascript
bootstrap+jQuery实现的动态进度条功能示例
2017/05/25 jQuery
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
JavaScript实现的DOM绘制柱状图效果示例
2018/08/08 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
jquery实现异步文件上传ajaxfileupload.js
2020/10/23 jQuery
用vue写一个日历
2020/11/02 Javascript
[55:35]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第二场 1月22日
2021/03/11 DOTA
Python中常见的数据类型小结
2015/08/29 Python
Python脚本实时处理log文件的方法
2016/11/21 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
Python编写万花尺图案实例
2021/01/03 Python
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
HTML5本地存储和本地数据库实例详解
2017/09/05 HTML / CSS
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
图书室管理制度
2014/01/19 职场文书
办理信用卡工作证明
2014/09/30 职场文书
2016年元旦主持词
2015/07/06 职场文书
python中对列表的删除和添加方法详解
2022/02/24 Python