您的位置:首页 > Web前端 > JavaScript

JSON的操作之js中json转换

2015-10-16 22:24 621 查看
一、概述

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

 在JSON中,有两种结构:对象和数组。

1.对象

一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。

packJson = {"name":"nikita", "password":"1111"}


2.数组

packJson = [{"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"}];
数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var jsonStr = '{"name":"nikita", "password":"1111"}';

JSON对象:

var jsonObj = {"name":"nikita", "password":"1111"};

2、String转换为Json

var myObject = eval('(' + myJSONtext + ')');


eval是js自带的函数,不是很安全,可以考虑用json包。

三、遍历JSON对象

myJson = {"name":"nikita", "password":"1111"};

for(var p in myJson){//遍历json对象的每个key/value对,p为key

alert(p + " " + myJson[p]);

}
运行结果:



四、遍历JSON数组

packJson = [

{"name":"nikita", "password":"1111"},

{"name":"tony", "password":"2222"}

];

for(var p in packJson){//遍历json数组时,这么写p为索引,0,1

alert(packJson[p].name + " " + packJson[p].password);

}
我更倾向于这种写法:

for(var i = 0; i < packJson.length; i++){

alert(packJson[i].name + " " + packJson[i].password);

}
运行结果:

 


 五、将两个JSON对象组装到一个里面

//targetJson 目标JSON,packJson 被组装JSON

function addGroupJson(targetJson, packJson){

if(targetJson && packJson){

for(var p in packJson){

targetJson[p] = packJson[p];

}

}

}
用法如下:

var json1 = {"name":"nikita"};
var json2 = {"password":"1111"};
addGroupJson(json1, json2);
alert(json2str(json1));
运行结果:



JSON.parse()和JSON.stringify()的区别 :

1.parse 用于从一个字符串中解析出json 对象。例如

var str='{"name":"cpf","age":"23"}'

经 JSON.parse(str) 得到:
Object:
age:"23"
name:"cpf"
_proto_:Object
ps:单引号写在{}外,每个属性都必须双引号,否则会抛出异常

2.stringify用于从一个对象解析出字符串,例如

var a={a:1,b:2}

经 JSON.stringify(a)得到:

“{“a”:1,"b":2}”

JSON.stringify,这个函数的作用主要是为了系列化对象的。(或者说是将原来的对象转换为字符串的,如json对象):

首先定义一个json对象,var jsonObject = { "UserID": "1", "UserName": "xiaozhang" };

使用alert(jsonObject)弹出一下,显示:
[Object
Object]
然后调用一下JSON.stringify一下,将json对象转换为json字符串。
var jsontext = JSON.stringify(jsonObject);
alert(jsontext);
显示如下:

{
"UserID":
"1",
"UserName":
"xiaozhang"
}

2、jQuery.parseJSON,将一个JSON字符串转换为JSON对象(JSON.parse也是将一个json字符串解析为json对象),如下面

首先定义一个JSON字符串,var c = '{"name":"Mike","sex":"男","age":"29"}';(注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。)

然后调用jQuery.parseJSON将其转换为JSON对象,
var employeejson=jQuery.parseJSON(c);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: