把普通对象转换成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 分栏效果实现代码
Aug 29 Javascript
Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
Mar 01 Javascript
基于javascript滚动图片具体实现
Nov 18 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
Javascript 运动中Offset的bug解决方案
Dec 24 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
layui select动态添加option的实例
Mar 07 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
Vue中强制组件重新渲染的正确方法
Jan 03 Vue.js
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的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
Laravel+Intervention实现上传图片功能示例
2019/07/09 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
js类中的公有变量和私有变量
2008/07/24 Javascript
js 屏蔽鼠标右键脚本附破解方法
2009/12/03 Javascript
锋利的jQuery 第三章章节总结的例子
2010/03/23 Javascript
JQuery动态添加和删除表格行的方法
2015/03/09 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
2015/11/30 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
2017/02/15 Javascript
微信小程序图片宽100%显示并且不变形
2017/06/21 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
JavaScript实现动态留言板
2020/03/16 Javascript
Vant picker 多级联动操作
2020/11/02 Javascript
python 简单的绘图工具turtle使用详解
2017/06/21 Python
Python基于dom操作xml数据的方法示例
2018/05/12 Python
Python解析json代码实例解析
2019/11/25 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
2014/05/07 HTML / CSS
详解CSS3中强大的filter(滤镜)属性
2017/06/29 HTML / CSS
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
说出一些常用的类,包,接口
2014/09/22 面试题
Python如何实现单例模式
2016/06/03 面试题
畜牧兽医本科生的自我评价
2014/03/03 职场文书
考勤制度通知
2015/04/25 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
PyCharm 安装与使用配置教程(windows,mac通用)
2021/05/12 Python
总结Python连接CS2000的详细步骤
2021/06/23 Python
分享7个 Python 实战项目练习
2022/03/03 Python
TypeScript 内置高级类型编程示例
2022/09/23 Javascript