對于前端完全是菜鳥，迫于無奈，工作中要用到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"};

1、JSON轉換為String

function json2str(o){var arr = [];var fmt = function(s) {if (typeof s == 'object' && s != null) {return json2str(s); //遞歸 }//如果是數字或stringreturn /^(string|number)$/.test(typeof s) ? "'" + s + "'" : s;}if(o.constructor === Array ){//數組for ( var i in o) {arr.push(fmt(o[i]));}return '[' + arr.join(',') + ']';}else{//普通JSON對象for ( var i in o) {arr.push("'" + i + "':" + fmt(o[i]));}return '{' + arr.join(',') + '}';}}

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 被組裝JSONfunction 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));

運行結果：

?

轉載于:https://www.cnblogs.com/victoria/archive/2013/04/09/3009517.html

總結

以上是生活随笔為你收集整理的JS对JSON的操作总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。