把普通对象转换成json格式的对象的简单实例

 更新时间:2016年07月04日 08:43:06   投稿:jingxian  
下面小编就为大家带来一篇把普通对象转换成json格式的对象的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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格式的对象的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 浅谈JSON5解决了JSON的两大痛点

    浅谈JSON5解决了JSON的两大痛点

    这篇文章主要介绍了浅谈JSON5解决了JSON的两大痛点,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • JS对象与JSON格式数据相互转换

    JS对象与JSON格式数据相互转换

    最近遇到这个问题,JS对象和JSON格式数据的相互转换。其实,也就是两个问题:JS对象转换成为JSON格式数据、JSON格式数据转换成为JS对象
    2012-02-02
  • 父子窗体间传递JSON格式的数据的代码

    父子窗体间传递JSON格式的数据的代码

    在开发的项目中,遇到这样一个例子:当用户选择某一个用户名时,弹出当前用户的评分卷,该评分卷列出了所有一级评分项,让用户进行评分操作。
    2010-12-12
  • nodejs教程 安装express及配置app.js文件的详细步骤

    nodejs教程 安装express及配置app.js文件的详细步骤

    express.js是nodejs的一个MVC开发框架,并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置,然后在今后的教程中一步一步使用express.js搭建个聊天室
    2013-05-05
  • JSONP跨域GET请求解决Ajax跨域访问问题

    JSONP跨域GET请求解决Ajax跨域访问问题

    本文主要是介绍了JSONP跨域是如何实现的,并探讨下JSONP跨域的原理。以及采用JSONP跨域GET请求解决Ajax跨域访问问题,需要的朋友可以参考下
    2014-12-12
  • json实现前后台的相互传值详解

    json实现前后台的相互传值详解

    这篇文章主要介绍了json实现前后台的相互传值详解,需要的朋友可以参考下
    2015-01-01
  • javascript JSON操作入门实例

    javascript JSON操作入门实例

    JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
    2010-04-04
  • 理解JSON:3分钟课程

    理解JSON:3分钟课程

    如果你跟我一样(我担心你就是),那么,到目前为止,这应该是你对JSON的经验
    2011-10-10
  • JSON 编辑器实现代码

    JSON 编辑器实现代码

    用来简单的查看、辅助修改繁杂的JSON数据,格式化或者压缩JJSON,当然也可以自由即时编辑一些简单的JSON数据。
    2009-12-12
  • 深入分析JSON编码格式提交表单数据

    深入分析JSON编码格式提交表单数据

    这篇文章主要介绍了深入分析JSON编码格式提交表单数据的相关资料,需要的朋友可以参考下
    2015-06-06

最新评论