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 相关文章推荐
jQuery Ajax文件上传(php)
Jun 16 Javascript
jquery ajax执行后台方法
Mar 18 Javascript
JQuery中html()方法使用不当带来的陷阱
Apr 07 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
Feb 11 Javascript
js 与 php 通过json数据进行通讯示例
Mar 26 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
Jun 18 Javascript
一系列Bootstrap导航条使用方法分享
Apr 29 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
AngularJS使用ui-route实现多层嵌套路由的示例
Jan 10 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
微信小程序网络请求实现过程解析
Nov 06 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
E路文章系统PHP
2006/12/11 PHP
PHP CURL模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
关于尾递归的使用详解
2013/05/02 PHP
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
CI框架表单验证实例详解
2016/11/21 PHP
php验证码生成器
2017/05/24 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
自己使用js/jquery写的一个定制对话框控件
2014/05/02 Javascript
单击某一段文字改写文本颜色
2014/06/06 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/09/29 Javascript
AngularJS自定义插件实现网站用户引导功能示例
2016/11/07 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
layui 监听表格复选框选中值的方法
2018/08/15 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
2020/08/06 Javascript
python中合并两个文本文件并按照姓名首字母排序的例子
2014/04/25 Python
在Linux下调试Python代码的各种方法
2015/04/17 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
Python错误处理操作示例
2018/07/18 Python
python判断数字是否是超级素数幂
2018/09/27 Python
python实现微信防撤回神器
2019/04/29 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
物流创业计划书
2014/02/01 职场文书
《散步》教学反思
2014/03/02 职场文书
2014年幼儿园教学工作总结
2014/12/04 职场文书
年会主持人开场白台词
2015/05/29 职场文书
PHP控制循环操作的时间
2021/04/01 PHP
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android
我收到了德劲DE1107
2022/04/05 无线电
阿里云日志过滤器配置日志服务
2022/04/09 Servers