JS操作JSON详细总结_javascript技巧
1.一种为使用eval_r()函数。
2. 使用Function对象来进行返回解析。
在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };
第一种解决方法:
var dataObj=eval_r("("+data+")");//转换为json对象
为什么要 eval这里要添加 “("("+data+")");//”呢?
原因在于:eval本身的问题。由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
alert(eval_r("{}"); // return undefined
alert(eval_r("({})");// return object[Object]
对于这种写法,在JS中,可以到处看到。
如: (function()) {}(); 做闭包操作时等。
var str1 = '{ "name": "cxh", "sex": "man" }';
var data=eval_r("("+str1+")");//转换为json对象//data =(new
alert (data.name);//会显示出cxh
这里特别需要注意的是方式1中的eval_r()方法是动态执行其中字符串(可能是js脚本)的,这样很容易会造成系统的安全问题。所以可以采用一些规避了eval_r()的第三方客户端脚本库,比如JSON in JavaScript就提供了一个不超过3k的脚本库。
第二种解决方法:
第二种解析方式就是使用Function对象来完成,它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析
var str1 = '{ "name": "cxh", "sex": "man" }';
var data = (Function("","return "+str1))();
alert (data.name);//会显示出cxh
上一篇: JavaScript趣题:哪些在里面?
下一篇: php数组页面间的传递
推荐阅读
-
js css样式操作代码(批量操作)_javascript技巧
-
js数组操作学习总结_javascript技巧
-
很好用的js日历算法详细代码_javascript技巧
-
一个简单的Node.js异步操作管理器分享_javascript技巧
-
常见的原始JS选择器使用方法总结_javascript技巧
-
JS的递增/递减运算符和带操作的赋值运算符的等价式_javascript技巧
-
js封装的textarea操作方法集合(兼容很好)_javascript技巧
-
js操作ajax返回的json的注意问题!_javascript技巧
-
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)_javascript技巧
-
js/jquery解析json和数组格式的方法详解_javascript技巧