JS对象与json字符串格式转换实例

更新时间：2014年10月28日 09:57:35 投稿：shichen2014

这篇文章主要介绍了JS对象与json字符串格式转换方法,以实例的形式详细讲述了js对象与json字符串格式转换的技巧,需要的朋友可以参考下

本文实例讲述了JS对象与json字符串格式转换的实现方法，分享给大家供大家参考。具体实现方法如下：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <title></title>
    <script type="text/javascript">
        var obj = new Object();
        obj.Name = "八戒"
        obj.Age = 500;

        //通过字面量的形式来定义对象
        var obj1 = { "Name": "八戒", "Age": "500" };
        var arr = [{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];

        //JSON格式：将json的字面量表示形式，当做字符串存放，则为json格式字符串
        var str = '{ "Name": "八戒", "Age": "500" }';
        var jsonstrarr = '[{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];';

        //将json字符串转换成js对象（数组）
        var resobj = JSON.parse(str);
        alert(resobj.Name);

</script>
</head>
<body>
</body>
</html>

在前端js对象和json对象的互转：

一、JS对象转换成为JSON

处理：引用一个json2.js文件，调用JSON.stringify()方法。例如：

复制代码代码如下:

var data = new Object();

var json_data = JSON.stringify(data);

PS：json2.js这个文件在网上搜一下就能下载到。

二、JSON转换成为JS

1.处理：用jQuery的一个方法$.parseJSON()将JSON格式的数据转成JS对象。例如：

复制代码代码如下:

var json_data = $.getJSON();

var data = $.parseJSON(json_data); 

（可用来成转换js数组）

2.将json转换成js对象的方法：

复制代码代码如下:

var json = eval('(' + result + ')');

通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。

在后台对js对象和json对象的互转：
　
.NET Framework 4在System.Runtime.Serialization中。利用JavaScriptSerializer类对数据进行序列化和反序列化

示例：

复制代码代码如下:

//将param反序列列list集合

List<ApplyPart> _ApplyPart = new JavaScriptSerializer().Deserialize<List<ApplyPart>>(param);

PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具：

http://tools.jb51.net/code/json_yasuo_trans

C语言风格/HTML/CSS/json代码格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

希望本文所述对大家的web程序设计能有所帮助。

您可能感兴趣的文章:

JS
json

推荐几个不错的console调试技巧实现
这篇文章主要介绍了推荐几个不错的console调试技巧实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-12-12
Java与JavaScript中判断两字符串是否相等的区别
这篇文章主要介绍了Java与JavaScript中判断两字符串是否相等的区别,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-03-03
常用js字符串判断方法整理
js常用方法及字符串的常用判断方法都是在工作中经常用到的，在本文整理了一些，感兴趣的朋友可以参考下
2013-10-10
JavaScript暂时性死区以及函数作用域
这篇文章主要为大家介绍了JavaScript暂时性死区以及函数作用域示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
JS实现的tab切换选项卡效果示例
这篇文章主要介绍了JS实现的tab切换选项卡效果,结合具体实例形式分析了JS通过鼠标事件触发自定义函数控制页面元素样式变换实现tab切换功能的相关实现技巧,需要的朋友可以参考下
2017-02-02
IE和firefox浏览器的event事件兼容性汇总
IE和firefox的event事件兼容分析。
2009-12-12
javascript判断firebug是否开启的方法
这篇文章主要介绍了javascript判断firebug是否开启的方法,结合实例形式分析了javascript基于console控制台方法判断firebug开启状态的相关操作技巧,需要的朋友可以参考下
2016-11-11
Bootstrap中CSS的使用方法
这篇文章主要为大家详细介绍了Bootstrap中CSS的使用方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-02-02
js实现指定红包顺序和金额算法
这篇文章主要为大家详细介绍了js实现指定红包顺序和金额算法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
JavaScript模板字符串用法实例
在ES6之前我们都使用单引号或者双引号来包裹字符串,当我们想要在字符串中加入变量时,不能直接写在字符串里,而是需要通过字符串拼接的方式来往字符串中加入变量,这篇文章主要给大家介绍了关于JavaScript模板字符串用法的相关资料,需要的朋友可以参考下
2022-11-11