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 相关文章推荐
一个加载js文件的小脚本
Jun 28 Javascript
jquery 表格的增行删行实现思路
Mar 21 Javascript
JS操作图片(增,删,改) 例子
Apr 17 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
Feb 11 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
Apr 12 Javascript
jQuery实现转动随机数抽奖效果的方法
May 21 Javascript
微信小程序实现上传图片功能
May 28 Javascript
微信小程序中时间戳和日期的相互转换问题
Jul 09 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 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
yii2实现 &quot;上一篇,下一篇&quot; 功能的代码实例
2017/02/04 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
鼠标图片振动代码
2006/07/06 Javascript
JavaScript的面向对象(二)
2006/11/09 Javascript
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
使用node.js 获取客户端信息代码分享
2014/11/26 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
Django实现图片文字同时提交的方法
2015/05/26 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
如何利用Boost.Python实现Python C/C++混合编程详解
2018/11/08 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
Django+Xadmin构建项目的方法步骤
2019/03/06 Python
Python3实现的反转单链表算法示例
2019/03/08 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
美国在线珠宝商店:SZUL
2017/02/11 全球购物
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
施华洛世奇波兰官网:SWAROVSKI波兰
2019/06/18 全球购物
庆祝教师节活动方案
2014/01/31 职场文书
团日活动策划书
2014/02/01 职场文书
应聘英语教师求职信
2014/04/24 职场文书
冬季安全检查方案
2014/05/23 职场文书
班级心理活动总结
2014/07/04 职场文书
迎新生标语大全
2014/10/06 职场文书
公司要求试用期员工提交“述职报告”,该怎么写?
2019/07/17 职场文书