JSON的操作之js中json转换
2015-10-16 22:24
621 查看
一、概述
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。
在JSON中,有两种结构:对象和数组。
1.对象
一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。
2.数组
二、JSON对象和JSON字符串的转换
在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:
2、String转换为Json
eval是js自带的函数,不是很安全,可以考虑用json包。
三、遍历JSON对象
四、遍历JSON数组
五、将两个JSON对象组装到一个里面
JSON.parse()和JSON.stringify()的区别 :
1.parse 用于从一个字符串中解析出json 对象。例如
var str='{"name":"cpf","age":"23"}'
经 JSON.parse(str) 得到:
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)弹出一下,显示:
{
"UserID":
"1",
"UserName":
"xiaozhang"
}
2、jQuery.parseJSON,将一个JSON字符串转换为JSON对象(JSON.parse也是将一个json字符串解析为json对象),如下面
首先定义一个JSON字符串,var c = '{"name":"Mike","sex":"男","age":"29"}';(注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。)
然后调用jQuery.parseJSON将其转换为JSON对象,
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_:Objectps:单引号写在{}外,每个属性都必须双引号,否则会抛出异常
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);
相关文章推荐
- 使用Firebug或chrome-devToolBar深入学习javascript语言核心
- javascript的json对象与字符串之间的转换
- js ajax
- org.json.JSONException:End of input at character 0 of
- JSON文件处理
- JavaScript之命名空间模式 浅析
- 贪吃蛇
- 灯开关
- javascript本地对象、内置对象和宿主对象
- JSON跟JSONP的区别以及实战
- js基础知识总结篇
- toFixed 扩展方法 js保留小数(四舍五入)
- denounce函数:Javascript中如何应对高频触发事件
- 写一下JavaScript的笔记
- js插件化
- Js-格式化时间戳函数
- 常见的Javascript报错及解决方案
- 百度地图JavaScript API覆盖物旋转时出现偏移
- 【前端学习】javascript面向对象编程(继承和复用)
- 原生javascript 实现瀑布流