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 相关文章推荐
IE8下关于querySelectorAll()的问题
May 13 Javascript
JavaScript访问样式表代码
Oct 15 Javascript
jquery拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
微信小程序 登录实例详解
Jan 16 Javascript
JS排序之选择排序详解
Apr 08 Javascript
详解cordova打包成webapp的方法
Oct 18 Javascript
详解vue 数据传递的方法
Apr 19 Javascript
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
js对象数组和对象的使用实例详解
Aug 27 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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
wampserver改变默认网站目录的办法
2015/08/05 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
JavaScript事件委托的技术原理探讨示例
2014/04/17 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
Javascript 6里的4个新语法
2016/08/25 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
2016/10/15 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
2016/11/18 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
node使用UEditor富文本编辑器的方法实例
2017/07/11 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
vue-cli3+typescript初体验小结
2019/02/28 Javascript
简单了解JavaScript中常见的反模式
2019/06/21 Javascript
Vue实现简单的拖拽效果
2020/08/25 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
Python sorted对list和dict排序
2020/06/09 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
当我正在为表建立索引的时候,SQL Server 会禁止对表的访问吗
2014/04/28 面试题
同学会主持词
2014/03/18 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
2015年学校心理健康教育工作总结
2015/05/11 职场文书
运动会100米加油稿
2015/07/21 职场文书
预备党员入党感想
2015/08/10 职场文书
护理自荐信
2019/05/14 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
python如何查找列表中元素的位置
2022/05/30 Python