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

js对json的简单操作

2016-11-01 16:22 141 查看
最近做做项目,发现前端对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"};
相互转换:string--->json

</pre>var myObject = eval('(' + myJSONtext + ')');<br />var obj = str.parseJSON();<br />var obj = JSON.parse(str);<br />$.parseJSON( jsonstr );<pre name="code" class="javascript"><span style="font-family: 'Courier New'; line-height: 21.6px; white-space: pre-wrap;"></span>


eval是js自带的函数,不是很安全,可以考虑用json包(JSON提供了json.js包,下载地址:http://www.json.org/json.js),好在使用更方便,看个人需求
json--->string
var last=JSON.stringify(obj);


例子:
var jsonstr = '{"UserNum":"2","User1Name":"dada", "User1Password":"1111","User2Name":"dadga", "User2Password":"2222"}';
var data=eval('(' + jsonstr + ')');;
var num = data.UserNum;
for(i=1;i<=num;i++){
var name = data["User"+i+"Name"];
var pass = data["User"+i+"Password"];
document.write(name+","+pass+"<br>");
}
得到结果

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript json