把普通对象转换成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 相关文章推荐
IE autocomplete internet explorer's autocomplete
Jun 30 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
Oct 22 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
Nov 07 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
Nov 29 Javascript
jquerymobile局部渲染的各种刷新方法小结
Mar 05 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
解读ES6中class关键字
Nov 20 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
微信小程序开发注意指南和优化实践(小结)
Jun 21 Javascript
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
vue 实现锚点功能操作
Aug 10 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
分享下php5类中三种数据类型的区别
2015/01/26 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
PHP中Restful api 错误提示返回值实现思路
2016/04/12 PHP
PHP5.6新增加的可变函数参数用法分析
2017/08/25 PHP
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
2007/01/09 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
浅谈Javascript的静态属性和原型属性
2015/05/07 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
2016/01/21 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
纯js实现页面返回顶部的动画(超简单)
2017/08/10 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
JavaScript中的this/call/apply/bind的使用及区别
2020/03/06 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
在GitHub Pages上使用Pelican搭建博客的教程
2015/04/25 Python
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
python中栈的原理及实现方法示例
2019/11/27 Python
Python数据存储之 h5py详解
2019/12/26 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
纯CSS3实现手风琴风格菜单具体步骤
2013/05/06 HTML / CSS
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
公司承诺书怎么写
2014/05/24 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
创业项目大全(适合在家创业的项目)
2019/08/15 职场文书
只需要100行Python代码就可以实现的贪吃蛇小游戏
2021/05/27 Python
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python