把普通对象转换成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 相关文章推荐
aspx中利用js实现确认删除代码
Jul 22 Javascript
JavaScript实现in-place思想的快速排序方法
Aug 07 Javascript
JavaScript lodash常见用法系列小结
Aug 24 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 Javascript
通过BootStrap实现轮播图的实际应用
Sep 26 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
JavaScript原型继承_动力节点Java学院整理
Jun 30 Javascript
javascript 中事件冒泡和事件捕获机制的详解
Sep 01 Javascript
js实现文件上传功能 后台使用MultipartFile
Sep 08 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
Jan 30 Javascript
JS函数进阶之prototy用法实例分析
Jan 15 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
上海牌131型七灯四波段四喇叭一级收音机
2021/03/02 无线电
深入php list()函数的详解
2013/06/05 PHP
PHP答题类应用接口实例
2015/02/09 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
利用jQuery的deferred对象实现异步按顺序加载JS文件
2013/03/17 Javascript
关于js注册事件的常用方法
2013/04/03 Javascript
jQuery使用fadein方法实现渐出效果实例
2015/03/27 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
Bootstrap Table使用整理(二)
2017/06/09 Javascript
react-native fetch的具体使用方法
2017/11/01 Javascript
React教程之封装一个Portal可复用组件的方法
2018/01/02 Javascript
JS 验证码功能的三种实现方式
2018/11/26 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
[04:26]2014DOTA2国际邀请赛-Newbee顺利进入胜者组决赛 独家专访战神7
2014/07/19 DOTA
基于python爬虫数据处理(详解)
2017/06/10 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
Python基于pyecharts实现关联图绘制
2020/03/27 Python
PyCharm配置anaconda环境的步骤详解
2020/07/31 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
Python调用Redis的示例代码
2020/11/24 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
德国二手设计师时装和复古时装跳蚤市场:Mädchenflohmarkt
2020/11/09 全球购物
正风肃纪剖析材料
2014/02/18 职场文书
安踏广告词改编版
2014/03/21 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
微信小程序实现录音Record功能
2021/05/09 Javascript
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
Python干货实战之八音符酱小游戏全过程详解
2021/10/24 Python