把普通对象转换成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 相关文章推荐
利用jquery的获取JS文件中的字符串内容
Feb 14 Javascript
一个关于javascript匿名函数的问题分析
Mar 30 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
浅析jQuery 3.0中的Data
Jun 14 Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 Javascript
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
JS限制输入框输入的实现代码
Jul 02 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
js实现弹框效果
Mar 24 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中的phpinfo()函数
2013/06/06 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
php实现仿写CodeIgniter的购物车类
2015/07/29 PHP
Thinkphp3.2简单解决多文件上传只上传一张的问题
2017/09/26 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
JavaScript.Encode手动解码技巧
2010/07/14 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
jQuery中noConflict()用法实例分析
2015/02/08 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
微信小程序时间轴实现方法示例
2019/01/14 Javascript
ES6数组与对象的解构赋值详解
2019/06/14 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
[49:27]LGD vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python删除特定文件的方法
2015/07/30 Python
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
python实现单链表中删除倒数第K个节点的方法
2018/09/28 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
python 比较字典value的最大值的几种方法
2020/04/17 Python
python如何实现DES加密
2020/09/21 Python
CSS3实现超慢速移动动画效果非常流畅无卡顿
2014/06/15 HTML / CSS
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
安全责任书范文
2014/03/12 职场文书
禁烟标语大全
2014/06/11 职场文书
体育节口号
2014/06/19 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
幼儿园大班教师个人总结
2015/02/05 职场文书
2015年双拥工作总结
2015/04/08 职场文书
新员工入职感想
2015/08/07 职场文书
2016年六一儿童节开幕词
2016/03/04 职场文书
MySQL 不等于的三种使用及区别
2021/06/03 MySQL
PC版《死亡搁浅导剪版》现已发售 展开全新的探险
2022/04/03 其他游戏