JS实现将二维数组转为json格式字符串操作示例


Posted in Javascript onJuly 12, 2018

本文实例讲述了JS实现将二维数组转为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(){
    /*******遍历二维数组*********/
    //定义数组
    var arr=new Array();
    arr =[[1,2],[1,2],[1,2],[1,2]]; //初始化二维数组
    var i,j;
    for(i=0;i<arr.length;i++){
      var arr_l=new Array();//获取二维数组中的一维数组
      arr_1=arr[i];
      //遍历一维数组
      for(j=0;j<arr_1.length;j++){
        //alert(arr_1[j]); // arr_1:表示一位数组中的值
        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);
  });
  /**
  * 将二维数组转为 json 字符串
  */
  function encodeArray2D(obj) {
    var array = [];
    for (var i = 0; i < obj.length; i++) {
      array[i] = '[' + obj[i].join(',') + ']';
    }
    return '[' + array.join(',') + ']';
  }
  /**
  * 将二维数组转为 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.3water.com/code/HtmlJsRun,测试运行结果如下:

12121212
[[10,100,1000],[1000,100,10]]
[[10,100,1000],[1000,100,10]]

Javascript 相关文章推荐
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 Javascript
Jquery 的扩展方法总结
Oct 01 Javascript
innerHTML与jquery里的html()区别介绍
Oct 12 Javascript
向当前style sheet中插入一个新的style实现方法
Apr 01 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
JavaScript合并两个数组并去除重复项的方法
Jun 13 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
Jul 27 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
jQuery动态修改字体大小的方法【测试可用】
Sep 09 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 #Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 #jQuery
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 #Javascript
教你如何用node连接redis的示例代码
Jul 12 #Javascript
angular 内存溢出的问题解决
Jul 12 #Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 #Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 #Javascript
You might like
ThinkPHP惯例配置文件详解
2014/07/14 PHP
php实现的递归提成方案实例
2015/11/14 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
js 页面输出值
2008/11/30 Javascript
FireFox JavaScript全局Event对象
2009/06/14 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
对 jQuery 中 data 方法的误解分析
2014/06/18 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
有趣的bootstrap走动进度条
2016/12/01 Javascript
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
vue+element-ui+ajax实现一个表格的实例
2018/03/09 Javascript
vue内置指令详解
2018/04/03 Javascript
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
在微信小程序中使用图表的方法示例
2019/04/25 Javascript
vue webpack重写cookie路径的方法
2019/07/10 Javascript
VUE中setTimeout和setInterval自动销毁案例
2020/09/07 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
在Python中用get()方法获取字典键值的教程
2015/05/21 Python
python2.7 json 转换日期的处理的示例
2018/03/07 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
python实现连连看游戏
2020/02/14 Python
pyecharts在数据可视化中的应用详解
2020/06/08 Python
Javascript如何发送一个Ajax请求
2015/01/26 面试题
餐饮业创业计划书范文
2014/01/06 职场文书
个人课题方案
2014/05/08 职场文书
大学生村官工作心得体会
2016/01/23 职场文书
Feign调用传输文件异常的解决
2021/06/24 Java/Android