把普通对象转换成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 相关文章推荐
JavaScript asp.net 获取当前超链接中的文本
Apr 14 Javascript
jquery 简单导航实现代码
Sep 11 Javascript
jQuery load方法用法集锦
Dec 06 Javascript
jQuery操作select的实例代码
Jun 14 Javascript
document.execCommand()的用法小结
Jan 08 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 Javascript
angularjs2中父子组件的数据传递的实例代码
Jul 05 Javascript
AngularJS表单验证功能
Oct 19 Javascript
Vue隐藏显示、只读实例代码
Jul 18 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
Aug 31 Javascript
基于element-ui的rules中正则表达式
Sep 04 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 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
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
php 表单提交大量数据发生丢失的解决方法
2014/03/03 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
2012/11/11 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
js判断当前浏览器类型,判断IE浏览器方法
2014/06/02 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
JavaScript中双符号的运算详解
2017/03/12 Javascript
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
2020/02/27 Javascript
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
Python使用ConfigParser模块操作配置文件的方法
2018/06/29 Python
在Mac下使用python实现简单的目录树展示方法
2018/11/01 Python
python自动化实现登录获取图片验证码功能
2019/11/20 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
基于CentOS搭建Python Django环境过程解析
2020/08/24 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
销售业务员岗位职责
2014/01/29 职场文书
你的创业计划书怎样才能打动风投
2014/02/06 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
学校献爱心活动总结
2014/07/08 职场文书
普通党员对照检查材料
2014/08/28 职场文书
学习十八大的心得体会
2014/09/12 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
2015年项目经理工作总结
2015/04/30 职场文书
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers