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 相关文章推荐
Firefox div高度自适应
Apr 28 Javascript
JavaScript插入动态样式实现代码
Feb 22 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
Uploadify上传文件方法
Mar 16 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
浅析如何利用angular结合translate为项目实现国际化
Dec 08 Javascript
loading动画特效小结
Jan 22 Javascript
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
ECMAscript 变量作用域总结概括
Aug 18 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
在Vue中使用mockjs代码实例
Nov 25 Vue.js
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
PHP中的函数嵌套层数限制分析
2011/06/13 PHP
跨浏览器的设置innerHTML方法
2006/09/18 Javascript
JavaScript 编程引入命名空间的方法与代码
2007/08/13 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
2013/05/17 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
javascript中clipboardData对象用法详解
2015/05/13 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
2016/05/30 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
Flask框架各种常见装饰器示例
2018/07/17 Python
利用python如何在前程无忧高效投递简历
2019/05/07 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
python golang中grpc 使用示例代码详解
2020/06/03 Python
详解python定时简单爬取网页新闻存入数据库并发送邮件
2020/11/27 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
健康监测猫砂:Pretty Litter
2017/05/25 全球购物
新电JAVA笔试题目
2014/08/31 面试题
六月份红领巾广播稿
2014/02/03 职场文书
晨会主持词
2014/03/17 职场文书
第二课堂活动总结
2014/05/07 职场文书
关于环保的标语
2014/06/13 职场文书
贫困证明书格式及范文
2014/10/15 职场文书
交通事故协议书范文
2014/10/23 职场文书
求职自荐信范文(优秀篇)
2015/03/27 职场文书
2015年社区工会工作总结
2015/05/26 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
background-position百分比原理详解
2021/05/08 HTML / CSS
go 实现简易端口扫描的示例
2021/05/22 Golang
十大最强水系宝可梦,最美宝可梦排第三,榜首大家最熟悉
2022/03/18 日漫