首页 > 代码库 > JavaScript对象与JSON字符串的相互转换
JavaScript对象与JSON字符串的相互转换
1.eval函数 JSON文本转换为对象
为了将JSON文本转换为对象,可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集,因此编译器将正确的解析文本并产生对象结构。文本必须括在括号中避免产生JavaScript的语法歧义。var obj = eval(‘(‘ + JSONTest + ‘)‘); eval函数非常快速。它可以编译执行任何JavaScript程序,因此产生了安全性问题。当使用可信任与完善的源代码时才可以使用eval函数。这样可以更安全的解析JSON文本。使用XmlHttp的web应用,页面之间的通讯只允许同源,因此是可以信任的。但这却不是完善的。如果服务器没有严谨的JSON编码,或者没有严格的输入验证,那么可能传送包括危险脚本的无效JSON文本。eval函数将执行恶意的脚本。
2.JSON解释器 JSON.parse、JSON.stringify
使用JSON解析器可以防止像eval函数转换JSON文本为对象那样的安全隐患。JSON解析器只能辨识JSON文本,拒绝所有脚本。提供了本地JSON支持的浏览器的JSON解析器将远快于eval函数。目前,Firefox、Opera、IE8以上版本也提供了本地JSON支持。其中,JSON解释器提供的函数有:JSON.parse、JSON.stringify。 对于那些并不提供本地JSON支持的浏览器可以引入脚本json2.js,来实现JSON转换功能。json2.js脚本可到https://github.com/douglascrockford/JSON-js/blob/master/json2.js页面下载。
3.JSON.parse 函数
将JSON文本转换为对象。JSON.parse(text[, reviver])参数text 必选项。要转换为对象的JSON文本。reviver 可选项。该参数是个替换函数。在转换中,遍历的每个节点,都将执行该函数,该函数的返回值将替代转换结果的相应节点值。
4.JSON.stringify 函数
将对象转换为JSON文本。JSON.stringify(value[, replacer[, space]])参数text必选项。要转换为JSON文本的对象。reviver 可选项。该参数是个替换函数。在转换中,遍历的每个节点,都将执行该函数,该函数的返回值将替代转换结果的相应节点值。space 可选项。格式化输出JSON文本缩进的空格数量。如果不提供该参数将不会格式化输出。
5.参数reviver的委托类型
reviver(key, value)reviver函数的中的this是当前所遍历到的节点的父节点。当所遍历的是根节点的时候,父节点是个Object对象,根节点是该对象的一个属性,属性名是空字符串。参数key 当父节点是数组Object,key为数组索引,否则key为Object属性名。value 节点值。注:JSON不支持循环数据结构。
6.JSON.parse、JSON.stringify使用示例
<script type="text/javascript">function InventoryItem(parm) { this.Product = parm.Product this.Quantity = parm.Quantity; this.Price = parm.Price; this.Type = parm.Type; this.Total = function() { return this.Price * this.Quantity; }}function Inventory(parm) { this.Date = parm.Date; this.Item = parm.Item; this.Type = parm.Type; this.Total = function() { var count = 0; for (var key in this.Item) { count += this.Item[key].Total(); } return count; }}var inventoryJSONText = "{\"Date\":\"2000-01-01\",\"Item\":[{\"Product\":\"ProductOne\",\"Quantity\":\"10\",\"Price\":\"10\",\"Type\":\"InventoryItem\"},{\"Product\":\"ProductTwo\",\"Quantity\":\"100\",\"Price\":\"20\",\"Type\":\"InventoryItem\"}],\"Type\":\"Inventory\"}";//将JSON文本转换为对象,并将一般类的实例改成伪类的实例。var inventoryObject = JSON.parse(inventoryJSONText, function(key, value) { var type; if (value && typeof value === ‘object‘) { type = value.Type; if (typeof type === ‘string‘ && typeof window[type] === ‘function‘) { return new (window[type])(value); } } return value;});//输出转换后对象的信息。var output = "Product\t\tQuantity\tPrice\tTotal\n";for (var key in inventoryObject.Item) { var item = inventoryObject.Item[key]; output += item.Product + "\t" + item.Quantity + "\t\t" + item.Price + "\t" + item.Total() + "\n";}output += "\t\t\t\t\t" + inventoryObject.Total();alert(output);//再将inventoryObject对象转换成JSON文本。var inventoryJSONTextAgain = JSON.stringify(inventoryObject, null, 3);alert(inventoryJSONTextAgain);</script>
另外,推荐看:http://my.oschina.net/chape/blog/157332
JavaScript对象与JSON字符串的相互转换
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。