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替换table中的内容并显示进度条的代码
Aug 02 Javascript
jQuery提交表单ajax查询实例代码
Oct 07 Javascript
一个JavaScript操作元素定位元素的实例
Oct 29 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
理解js回收机制通俗易懂版
Feb 29 Javascript
angular.js之路由的选择方法
Sep 24 Javascript
JavaScript实现的CRC32函数示例
Nov 23 Javascript
JS获取年月日时分秒的方法分析
Nov 28 Javascript
JS控件bootstrap datepicker使用方法详解
Mar 25 Javascript
vue-cli 3.x配置跨域代理的实现方法
Apr 12 Javascript
微信小程序实现手势滑动卡片效果
Aug 26 Javascript
js中apply和call的理解与使用方法
Nov 27 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
PHP中Date()时间日期函数的使用方法小结
2011/04/20 PHP
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
php操作JSON格式数据的实现代码
2011/12/24 PHP
php操作mongoDB实例分析
2014/12/29 PHP
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
JavaScript toFixed() 方法
2010/04/15 Javascript
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
jquery向上向下取整适合分页查询
2014/09/06 Javascript
jQuery调用ajax请求的常见方法汇总
2015/03/24 Javascript
适用于手机端的jQuery图片滑块动画
2016/12/09 Javascript
js实现日历与定时器
2017/02/22 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
[02:14]DOTA2英雄基础教程 修补匠
2013/12/23 DOTA
使用Python处理Excel表格的简单方法
2018/06/07 Python
python画一个玫瑰和一个爱心
2020/08/18 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
Python 批量刷博客园访问量脚本过程解析
2019/08/30 Python
如何基于线程池提升request模块效率
2020/04/18 Python
使用html5 canvas创建太空游戏的示例
2014/05/08 HTML / CSS
世界上最大的折扣香水店:FragranceNet.com
2016/10/26 全球购物
serialVersionUID具有什么样的特征
2014/02/20 面试题
异常和异常类的概念
2014/09/12 面试题
积极分子思想汇报
2014/01/04 职场文书
代理商会议邀请函
2014/01/27 职场文书
汽车队司机先进事迹材料
2014/02/01 职场文书
2014年党支部工作总结
2014/11/13 职场文书
2014年个人工作总结模板
2014/12/15 职场文书
教师继续教育反思周记
2015/06/25 职场文书
开业庆典致辞
2015/08/01 职场文书
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL