将后台程序(如php)发送过来的json数据转化为javascript的数组或者对象的方法十分简单，代码如下：

1 // 假设后台发送的json数据为 '{a:2,b:1}' 存储于str中
2 var data = eval( '(' + str + ')' );

然而想将一个javascript对象转化为json格式的字符串却并不那么简单，特别是对象的属性值递归包含一个对象时(如 var obj={a:[2,3],b:{m:[3,4],n:2} } ),那么有没有什么方法将obj转化为json格式的字符串呢？

当然你可以自己写一个函数，递归遍历一个对象并将其转化为json格式的字符串，对于大部分人来说这有些困难并容易出错。幸好已经有人做好了这件事情，你只用包含一段javascript代码即可。

json2.js

使用方法：

01 <!doctype html>
02 <html>
03 <body>
04 <script src="json2.js"></script>
05 <script>
06 var obj={a:[2,3],b:{m:[3,4],n:2} };
07 var jsonStr = JSON.stringify( obj );
08 alert(jsonStr);
09 //将显示 {"a":[2,3],"b":{"m":[3,4],"n":2}}
10 </script>
11 </body>
12 </html>

假如有两个变量，我要将a转换成字符串，将b转换成JSON对象：

1 var a={"name":"tom","sex":"男","age":"24"};
2 var b='{"name":"Mike","sex":"女","age":"29"}';

在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式；

上面的转换可以这么写：

1 var a={"name":"tom","sex":"男","age":"24"};
2 var b='{"name":"Mike","sex":"女","age":"29"}';
3 var aToStr=JSON.stringify(a);
4 var bToObj=JSON.parse(b);
5 alert(typeof(aToStr));  //string
6 alert(typeof(bToObj));  //object

JSON.stringify()

ie8(兼容模式),ie7和ie6没有JSON对象，不过http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法；你可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象：

1 var c='{"name":"Mike","sex":"女","age":"29"}';
2 var cToObj=eval("("+c+")");
3 alert(typeof(cToObj));

jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）对象。当然如果有兴趣可以自己封装一个jQuery扩展，jQuery.stringifyJSON(obj)将JSON转为字符串。

JSON.stringify(jsonobj)，本来是最简便的方法，可是存在浏览器兼容问题（仅适用于IE8+，Chrome 1+，FF 3+）。下面再介绍一个方法：

01 var O2String = function (O) {
02     //return JSON.stringify(jsonobj);
03  
04     var S = [];
05     var J = "";
06     if (Object.prototype.toString.apply(O) === '[object Array]') {
07         for (var i = 0; i < O.length; i++)
08             S.push(O2String(O[i]));
09         J = '[' + S.join(',') + ']';
10     }
11     else if (Object.prototype.toString.apply(O) === '[object Date]') {
12         J = "new Date(" + O.getTime() + ")";
13     }
14     else if (Object.prototype.toString.apply(O) === '[object RegExp]' || Object.prototype.toString.apply(O) === '[object Function]') {
15         J = O.toString();
16     }
17     else if (Object.prototype.toString.apply(O) === '[object Object]') {
18         for (var i in O) {
19             O[i] = typeof (O[i]) == 'string' ? '"' + O[i] + '"' : (typeof(O[i]) === 'object' ? O2String(O[i]) : O[i]);
20             S.push(i + ':' + O[i]);
21         }
22         J = '{' + S.join(',') + '}';
23     }
24  
25     return J;
26 };

使用方法也很简单：

01 var jsonStr = O2String(
02     [
03         {
04             "Page": "plan",
05             "Custom":
06             [
07                 {
08                     "ItemName": "CustomLabel1",
09                     "ItemContent": 1,
10                     "IsItem": true,
11                     "ItemDate": new Date(1320774905467),
12                     "ItemReg": /[\w]*?/gi,
13                     "ItemFunc": function () { alert("ItemFunc"); }
14                 },
15                 {
16                     "ItemName": "CustomLabel1",
17                     "ItemContent": 1,
18                     "IsItem": true,
19                     "ItemDate": new Date(1320774905467),
20                     "ItemReg": /[\w]*?/gi,
21                     "ItemFunc": function () { alert("ItemFunc"); }
22                 }
23             ]
24         },
25         {
26             "Page": "project",
27             "Custom":
28             [
29                 {
30                     "ItemName": "CustomLabel2",
31                     "ItemContent": 2,
32                     "IsItem": false,
33                     "ItemDate": new Date(1320774905467),
34                     "ItemReg": /[\w]*?/gi,
35                     "ItemFunc": function () { alert("ItemFunc"); }
36                 },
37                 {
38                     "ItemName": "CustomLabel2",
39                     "ItemContent": 2,
40                     "IsItem": false,
41                     "ItemDate": new Date(1320774905467),
42                     "ItemReg": /[\w]*?/gi,
43                     "ItemFunc": function () { alert("ItemFunc"); }
44                 }
45             ]
46         }
47     ]
48 );
49 alert(jsonStr);
50 var jsonObj = eval("(" + jsonStr + ")");
51 alert(jsonObj.length);

如何将javascript对象转换成字符串的更多相关文章

  1. 前台 JSON对象转换成字符串 相互转换 的几种方式

    在最近的工作中,使用到JSON进行数据的传递,特别是从前端传递到后台,前台可以直接采用ajax的data函数,按json格式传递,后台Request即可,但有的时候,需要传递多个参数,后台使用requ ...

  2. json字符串转换成json对象，json对象转换成字符串，值转换成字符串，字符串转成值

    一.json相关概念 json,全称为javascript object notation,是一种轻量级的数据交互格式.采用完全独立于语言的文本格式,是一种理想的数据交换格式. 同时,json是jav ...

  3. JSON对象转换成字符串【JSON2.JS】

    下载地址 https://github.com/douglascrockford/JSON-js JSON.JS和JSON2.JS的区别 JSON.JS使用的方法名称不同,用的是toJSONStrin ...

  4. vue中如何将时间对象转换成字符串

    借鉴element-admin中封装好的方法 import { parseTime } from '@/utils'// 在utils目录下的index.js文件中,方法如下 /** * Parse ...

  5. JSON对象转换成JSON字符串

    1.问题背景 有一个json对象,需要将其转换成json字符串 JSON.stringify(obj) 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DT ...

  6. a标签下载；页面传参row对象先转换成字符串。

    jsp:添加一列 <th data-options="field:'id',width:180,formatter: rowformater" width="20% ...

  7. Razor 将C#对象转换成Javascript对象， json还原被转码的字符 &quot·· HTML转义符

    Razor 将C#对象转换成Javascript对象 在Razor中使用Json字符串,特殊字符被自动转义(如:\"->") @{ var jsonStr = Html.Ra ...

  8. Newtonsoft.Json 把对象转换成json字符串

    var resultJson = new { records = rowCount, page = pageindex, //总页数=(总页数+页大小-1)/页大小 total = (rowCount ...

  9. json 字符串转换成对象,对象转换成json字符串

    json   字符串转换成对象,对象转换成json字符串 前端: 方法一: parseJSON方法:   [注意jquery版本问题] var str = '{"name":&qu ...

随机推荐

  1. MySQL☞in语句

    in语句: 1)列名 in(数值1,数值2,数值3…):求出满足该列的多个列值 格式: select 列名1,列名2  from 表名 where 列名 in (数值1,数值2,数值3...) 如下图 ...

  2. Windowserver2012部署always on

    1.首先,安装域环境 IP设置 域服务安装 如果建立域配置时出现 administrator账户密码不符合要求错误: cmd运行命令: net user administrator /password ...

  3. 使用jenkins构建一个maven项目

    1.登陆到jenkins首页,创建项目-->选择maven-->输入项目名称-->选择项目类型 2.进入项目配置:{先写一下项目描述和设置下保留的历史构建,然后向下拉} 找到源吗管理 ...

  4. 加油吧 骚年QAQ

    本随笔文章,由个人博客(鸟不拉屎)转移至博客园 写于:2017 年 11 月 08 日 原地址:https://niaobulashi.com/archives/fighting.html --- 想 ...

  5. JS实现对数组的去重

    JS实现对数组的去重 $scope.validateContect = function(text) { var arr = text; // 若传入的数据为string类型,用逗号分隔 if((ty ...

  6. 【springmvc+mybatis项目实战】杰信商贸-3.需求分析与数据库建模

    开发步骤需求:生产厂家信息维护基础表FACTORY_C 1.业务需求:a)<需求说明书>     1)描述业务功能     生产厂家模块     功能:为在购销合同模块中的货物信息和附件信 ...

  7. 深入理解 Vuejs 组件

    本文主要归纳在 Vuejs 学习过程中对于 Vuejs 组件的各个相关要点.由于本人水平有限,如文中出现错误请多多包涵并指正,感谢.如果需要看更清晰的代码高亮,请跳转至我的个人站点的 深入理解 Vue ...

  8. 使用flume抓取tomcat的日志文件下沉到kafka消费

    Tomcat生产日志 Flume抓取日志下沉到kafka中 将写好的web项目打包成war包,eclise直接导出export,IDEA 在artifact中添加新的artifact-achieve项 ...

  9. 怎么给kibana加上权限？

    更新:2016-05-20 09:36 通过向Elastic了解,他们目前开发的5.0版本支持更好的权限定制,粒度达到字段级别.他们预计今年就可以上线,如果你不是有一个旧版本的kibanba非要维护不 ...

  10. 小茜（xi）的减肥之路

    Description 今天,多年未见的小钧和小江在街头偶遇,小江想看看当年那个蠢蠢的小钧有没有变聪明一些,他灵机一动,说:“当初小茜立了个flag,说一定要减肥,她想着第一天跑一米,第二天跑两米,第 ...