把普通对象转换成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 相关文章推荐
js 剪切板的用法(clipboardData.setData)与js match函数介绍
Nov 19 Javascript
jquery 字符串切割函数substring的用法说明
Feb 11 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
React.js入门实例教程之创建hello world 的5种方式
May 11 Javascript
ES6数组的扩展详解
Apr 25 Javascript
form表单序列化详解(推荐)
Aug 15 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
Nov 02 Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 Javascript
ES6 迭代器与可迭代对象的实现
Feb 11 Javascript
js实现通过开始结束控制的计时器
Feb 25 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
React组件设计模式之组合组件应用实例分析
Apr 29 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
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
jQuery 1.5最新版本的改进细节分析
2011/01/19 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
javascript实现计时器的简单方法
2016/02/21 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
JS实现transform实现扇子效果
2020/01/17 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
深入讲解Java编程中类的生命周期
2016/02/05 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
Python自定义简单图轴简单实例
2018/01/08 Python
python argparser的具体使用
2019/11/10 Python
Python tkinter三种布局实例详解
2020/01/06 Python
MATLAB数学建模之画图汇总
2020/07/16 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
金宝贝童装官网:Gymboree
2016/08/31 全球购物
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
Hurley官方网站:扎根于海滩生活方式的全球青年文化品牌
2020/05/18 全球购物
部队万能检讨书
2014/02/20 职场文书
毕业大学生自荐信
2014/06/17 职场文书
2015年新教师工作总结
2015/04/28 职场文书
2015年端午节活动方案
2015/05/05 职场文书
2015年财政局工作总结
2015/05/21 职场文书
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB