
正文
js中怎么转换json数据格式转换,js转换成json
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
前端js把json字符串转json对象 java对象转json对象命令
最近在逛编程问题解答的时候,看到这样的提问:如何将一个JSON数组类型的字符串转换为JSON数组,然后遍历数组取出JSON对象,最后在JS中取出里面的属性。在这里给同样有疑问的朋友做下解答,
首先我们追本溯源问一下,JSON究竟是什么东西?为什么JSON就是易于数据交换?本文将从以下几个方面去理解JSON:
首先是对“JSON是一种轻量的数据交换格式”的理解;
然后来看经常被混为一谈的JSON和JS对象的区别;
json字符串转换成json数组并遍历属性值;
什么是JSON? JSON是一种轻量级的数据交换格式。
如果没有去过JSON的官方介绍可以去一下这里,官方介绍已经很清楚地表述了JSON是什么,我将JSON是什么提炼成以下几个方面:
1. 一种数据格式
什么是格式?就是规范你的数据要怎么表示,举个栗子,有个人叫“二百六”,身高“160cm”,体重“60kg”,现在你要将这个人的这些信息传给别人或者别的什么东西,你有很多种选择:
以上所有选择,传递的数据是一样的,但是你可以看到形式是可以各式各样的,这就是各种不同格式化后的数据,JSON是其中一种表示方式。
2. 基于文本的数据格式
JSON是基于文本的数据格式,相对于基于二进制的数据,所以JSON在传递的时候是传递符合JSON这种格式(至于JSON的格式是什么我们第二部分再说)的字符串,我们常会称为“JSON字符串”。
3. 轻量级的数据格式
在JSON之前,有一个数据格式叫xml,现在还是广泛在用,但是JSON更加轻量,如xml需要用到很多标签,像上面的例子中,你可以明显看到xml格式的数据中标签本身占据了很多空间,而JSON比较轻量,即相同数据,以JSON的格式占据的带宽更小,这在有大量数据请求和传递的情况下是有明显优势的。
4. 被广泛地用于数据交换
轻量已经是一个用于数据交换的优势了,但更重要的JSON是易于阅读、编写和机器解析的,即这个JSON对人和机器都是友好的,而且又轻,独立于语言(因为是基于文本的),所以JSON被广泛用于数据交换。
以前端JS进行ajax的POST请求为例,后端PHP处理请求为例:
可以看到,相同的数据在这里有3种不同的表现形式,分别是前端的JS对象、传输的JSON字符串、后端的PHP对象,JS对象和PHP对象明显不是一个东西,但是由于大家用的都是JSON来传递数据,大家都能理解这种数据格式,都能把JSON这种数据格式很容易地转化为自己能理解的数据结构,这就方便啦,在其他各种语言环境中交换数据都是如此。
经常被混为一谈的JSON和JS对象很多时候都听到“JSON是JS的一个子集”这句话,而且这句话我曾经也一直这么认为,每个符合JSON格式的字符串你解析成js都是可以的,直到后来发现了一个奇奇怪怪的东西…
1. 两个本质不同的东西为什么那么密切
JSON和JS对象本质上完全不是同一个东西,就像“斑马线”和“斑马”,“斑马线”基于“斑马”身上的条纹来呈现和命名,但是斑马是活的,斑马线是非生物。
同样,”JSON”全名”JavaScript Object Notation”,所以它的格式(语法)是基于JS的,但它就是一种格式,而JS对象是一个实例,是存在于内存的一个东西。
说句玩笑话,如果JSON是基于PHP的,可能就叫PON了,形式可能就是这样的了[‘propertyOne’ = ‘foo’, ‘propertyTwo’ = 42,],如果这样,那么JSON可能现在是和PHP比较密切了。
此外,JSON是可以传输的,因为它是文本格式,但是JS对象是没办法传输的,在语法上,JSON也会更加严格,但是JS对象就很松了。
那么两个不同的东西为什么那么密切,因为JSON毕竟是从JS中演变出来的,语法相近。
2. JSON格式别JS对象语法表现上严格在哪
先就以“键值对为表现的对象”形式上,对比下两者的不同,至于JSON还能以怎样的形式表现,对比完后再罗列。
可以看到,相对于JS对象,JSON的格式更严格,所以大部分写的JS对象是不符合JSON的格式的。
json字符串转换成json数组并遍历属性值方式一:使用Iterator迭代器遍历取值
方法二:使用for循环
相关问答
Q1: js实现json数据行到列的转换
为了实现这样的数据显示出来三个序列 分别为郑州 新乡 安阳的电量 就需要自己实现对这样数据的转换 转换成如下的形式
月份 郑州 电量 新乡 电量 安阳 电量
这样 Ext的图表就能把它显示成三个序列了
我写了如下的函数实现这个功能
function CovertData(jsonData idField fromField toField){ var result = [] curRecord =null num; var fromFields = fromField split( ); // 循环整个数组 [{ } { } { } ] for(var idx= ;idxjsonData length;idx++){ num = findIdx(result idField jsonData[idx][idField]); if(num!= ){ curRecord = result[num]; } else{ curRecord = {}; }; // 循环每个json对象中的字段 for(var key in jsonData[idx]){ // 处理转换的数据内容 for(var i= ;ifromFields length;i++){ if(key == fromFields[i]){ curRecord[jsonData[idx][toField]+ + fromFields[i]] = jsonData[idx][key]; break; } } // 除数据内容外 只处理标识字段数据 if(key == idField){ curRecord[key] = jsonData[idx][key]; } } if(num== ){ result push(curRecord); } } return result; } function findIdx(jsonData columnName value){ for(var idx = ;idxjsonData length;idx++){ if(jsonData[idx][columnName]==value) return idx; } return ; } JsTestDriver的测试代码如下
lishixinzhi/Article/program/Java/JSP/201311/20611
Q2: 用javascript把url传值格式转化为JSON格式
var string_a = 'distance=20limit_start=0limit_num=3lng=114.07lat=22.53';
var string = string_a.split('');
var res = {};
for(var i = 0;istring.length;i++){
var str = string[i].split('=');
res[str[0]]=str[1];
}
document.write(JSON.stringify(res));
结果
Q3: 在JavaScript 中,怎样把一个对象转化成 JSON 字符串
JSON(JavaScript Object Notation) 是JavaScript编程语言的一个子集。正因JSON是JavaScript的一个子集,所以它可清晰的运用于此语言中。
eval函数 JSON文本转换为对象
为了将JSON文本转换为对象,可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集,因此编译器将正确的解析文本并产生对象结构。文本必须括在括号中避免产生JavaScript的语法歧义。
var obj = eval('(' + JSONTest + ')');
eval函数非常快速。它可以编译执行任何JavaScript程序,因此产生了安全性问题。当使用可信任与完善的源代码时才可以使用eval函数。这样可以更安全的解析JSON文本。使用XmlHttp的web应用,页面之间的通讯只允许同源,因此是可以信任的。但这却不是完善的。如果服务器没有严谨的JSON编码,或者没有严格的输入验证,那么可能传送包括危险脚本的无效JSON文本。eval函数将执行恶意的脚本。
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脚本可到页面下载。
JSON.parse 函数
将JSON文本转换为对象。
JSON.parse(text[, reviver])
参数
text
必选项。要转换为对象的JSON文本。
reviver
可选项。该参数是个替换函数。在转换中,遍历的每个节点,都将执行该函数,该函数的返回值将替代转换结果的相应节点值。
JSON.stringify 函数
将对象转换为JSON文本。
JSON.stringify(value[, replacer[, space]])
参数
text
必选项。要转换为JSON文本的对象。
reviver
可选项。该参数是个替换函数。在转换中,遍历的每个节点,都将执行该函数,该函数的返回值将替代转换结果的相应节点值。
space
可选项。格式化输出JSON文本缩进的空格数量。如果不提供该参数将不会格式化输出。
参数reviver的委托类型
reviver(key, value)
reviver函数的中的this是当前所遍历到的节点的父节点。当所遍历的是根节点的时候,父节点是个Object对象,根节点是该对象的一个属性,属性名是空字符串。
参数
key
当父节点是数组Object,key为数组索引,否则key为Object属性名。
value
节点值。
注:JSON不支持循环数据结构。
关于js中怎么转换json数据格式转换和js转换成json的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。







