把普通对象转换成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 相关文章推荐
解析arp病毒背后利用的Javascript技术附解密方法
Aug 06 Javascript
JavaScript中的property和attribute介绍
Dec 26 Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
vue+webpack中配置ESLint
Nov 07 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
Dec 20 Javascript
vue中npm包全局安装和局部安装过程
Sep 03 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
JS call()及apply()方法使用实例汇总
Jul 11 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
PHP迭代器的内部执行过程详解
2013/11/12 PHP
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
PHP记录页面停留时间的方法
2016/03/30 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
PDO::getAttribute讲解
2019/01/28 PHP
JavaScript 高级语法介绍
2009/06/15 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
jQuery中$.click()无效问题分析
2015/01/29 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
vue实现前进刷新后退不刷新效果
2018/01/26 Javascript
详解用JS添加和删除class类名
2019/03/25 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
2019/04/09 Javascript
[02:19]DOTA2女子战队FOX视频专访:希望更多美眉一起加入
2013/10/15 DOTA
[46:21]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python API 自动化实战详解(纯代码)
2019/06/11 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
学python安装的软件总结
2019/10/12 Python
在Anaconda3下使用清华镜像源安装TensorFlow(CPU版)
2020/04/19 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
迪卡侬印度官网:购买所有体育用品
2017/06/24 全球购物
行政助理岗位职责
2013/11/10 职场文书
班主任寄语大全
2014/04/04 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
依法行政工作汇报
2014/10/28 职场文书
党支部审查意见
2015/06/02 职场文书
合理化建议书范文
2015/09/14 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技