将后台程序(如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新手入门随笔4

    40.子查询:出现在其他SQL语句里的SELECT语句 例如:SELECT sname,mark FROM student WHERE mark = (SELECT max(mark) FROM st ...

  2. Django学习总结之模板templates

    - django模板: templates - 模板分为两个过程: 1, 加载 : loader.get_template('xxx.html') 返回值是一个template对象 2, 渲染 : t ...

  3. 单词 （Play on Words UVA - 10129 ）

    题目描述: 原题:https://vjudge.net/problem/UVA-10129 题目思路: 1.明显是判断欧拉路径 2.欧拉路径的两个条件 a.图连通 b.至多为两个奇点,且一个为起点一个 ...

  4. Java中String类

    String类 一.String类的用途 对字符串的存储与操作,即包含多个字符的字符数据,这个String类提供了数值不可改变的字符串. String类为什么不可改变的字符串,因为String类是fa ...

  5. URAL 1664 Pipeline Transportation（平面图最大流）

    Description An oligarch Vovan, as many other oligarchs, transports oil from West Cuckooland to East ...

  6. shiro控制登陆成功后跳回之前的页面

    登陆之后跳回之前的页面是在做登陆注册模块时遇到的一个需求,也是很有必要的.若用户直接访问登陆页面,那可以控制它直接到首页,但是要用户没有登陆直接访问自己的购物车等需要经过身份认证的页面,或者因为ses ...

  7. 算法与数据结构5.1 Just Sort

    ★实验任务 给定两个序列 a b,序列 a 原先是一个单调递增的正数序列,但是由于某些 原因,使得序列乱序了,并且一些数丢失了(用 0 表示).经过数据恢复后,找 到了正数序列 b ,且序列 a 中 ...

  8. 软工1816 · Alpha冲刺（3/10）

    团队信息 队名:爸爸饿了 组长博客:here 作业博客:here 组员情况 组员1(组长):王彬 过去两天完成了哪些任务 完成了对laravel框架的一整套机制的了解,对后端的处理流程有全面的认识对整 ...

  9. HDU 3333 Turing Tree 线段树+离线处理

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=3333 Turing Tree Time Limit: 6000/3000 MS (Java/Othe ...

  10. C# 中常用的索引器

    使用 C# 中的索引器和 JavaScript 中访问对象的属性是很相似. 之前了解过索引器,当时还把索引器和属性给记混了, 以为索引器就是属性,下面写下索引器和属性的区别,以及怎么使用索引器 先说明 ...