JS對JSON的操作總結
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
對于前端完全是菜鳥,迫于無奈,工作中要用到JS,尤其對JSON的處理為多,網上搜了一下,所講的基本雷同。所以把平時用的比較多的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"}; 對于前端完全是菜鳥,迫于無奈,工作中要用到JS,尤其對JSON的處理為多,網上搜了一下,所講的基本雷同。所以把平時用的比較多的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)); 運行結果: 該文章在 2015/7/9 16:31:09 編輯過 |
相關文章
正在查詢... |