JS實現(xiàn)將二維數(shù)組轉(zhuǎn)為json格式字符串操作示例
本文實例講述了JS實現(xiàn)將二維數(shù)組轉(zhuǎn)為json格式字符串操作。分享給大家供大家參考,具體如下:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>json</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script> $(function(){ /*******遍歷二維數(shù)組*********/ //定義數(shù)組 var arr=new Array(); arr =[[1,2],[1,2],[1,2],[1,2]]; //初始化二維數(shù)組 var i,j; for(i=0;i<arr.length;i++){ var arr_l=new Array();//獲取二維數(shù)組中的一維數(shù)組 arr_1=arr[i]; //遍歷一維數(shù)組 for(j=0;j<arr_1.length;j++){ //alert(arr_1[j]); // arr_1:表示一位數(shù)組中的值 document.write(arr_1[j]); } } document.write("<br>"); var array = [[10, 100, 1000], [1000, 100, 10]]; // encodeArray2D方法 var jsonStr = encodeArray2D(array); //alert(jsonstr); document.write(jsonStr); document.write("<br>"); // arrayToJson方法 var jsonStr2 = arrayToJson(array); document.write(jsonStr2); }); /** * 將二維數(shù)組轉(zhuǎn)為 json 字符串 */ function encodeArray2D(obj) { var array = []; for (var i = 0; i < obj.length; i++) { array[i] = '[' + obj[i].join(',') + ']'; } return '[' + array.join(',') + ']'; } /** * 將二維數(shù)組轉(zhuǎn)為 json 字符串 */ function arrayToJson(o) { var r = []; if (typeof o == "string") return "\"" + o.replace(/([\'\"\\])/g, "\\$1").replace(/(\n)/g, "\\n").replace(/(\r)/g, "\\r").replace(/(\t)/g, "\\t") + "\""; if (typeof o == "object") { if (!o.sort) { for (var i in o) r.push(i + ":" + arrayToJson(o[i])); if (!!document.all && !/^\n?function\s*toString\s*\{\n?\s*\[native code\]\n?\s*\}\n?\s*$/.test(o.toString)) { r.push("toString:" + o.toString.toString()); } r = "{" + r.join() + "}"; } else { for (var i = 0; i < o.length; i++) { r.push(arrayToJson(o[i])); } r = "[" + r.join() + "]"; } return r; } return o.toString(); } </script> </head> <body> </body> </html>
使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun,測試運行結(jié)果如下:
12121212
[[10,100,1000],[1000,100,10]]
[[10,100,1000],[1000,100,10]]
PS:關于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:
在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具:
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具:
http://tools.jb51.net/code/json_yasuo_trans
更多關于JavaScript相關內(nèi)容可查看本站專題:《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript字符串轉(zhuǎn)數(shù)字的5種方法及遇到的坑
JavaScript是一個神奇的語言,字符串轉(zhuǎn)數(shù)字有5種方法,各有各的坑法!接下來通過本文給大家介紹JavaScript字符串轉(zhuǎn)數(shù)字的5種方法及其陷阱,感興趣的朋友一起看看吧2018-07-07JS中使用Array函數(shù)shift和pop創(chuàng)建可忽略參數(shù)的例子
這篇文章主要介紹了JS中使用Array函數(shù)shift和pop創(chuàng)建可忽略參數(shù)的例子,這是一種比較高級的應用,需要的朋友可以參考下2014-05-05JS控制靜態(tài)頁面?zhèn)鬟f參數(shù)并獲取參數(shù)應用
這篇文章主要介紹了JS控制靜態(tài)頁面?zhèn)鬟f參數(shù)并獲取參數(shù)應用的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08Bootstrap3使用typeahead插件實現(xiàn)自動補全功能
這篇文章主要介紹了Bootstrap3使用typeahead插件實現(xiàn)自動補全功能的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07JavaScript位置參數(shù)實現(xiàn)原理及過程解析
這篇文章主要介紹了JavaScript位置參數(shù)實現(xiàn)原理及過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09