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实现带动画效果无刷新柱状图投票代码
Aug 10 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
Mar 08 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
May 30 Javascript
深入理解jQuery()方法的构建原理
Dec 05 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
Mar 29 Javascript
react-router browserHistory刷新页面404问题解决方法
Dec 29 Javascript
JavaScript数组去重算法实例小结
May 07 Javascript
判断js数据类型的函数实例详解
May 23 Javascript
使用vue-router在Vue页面之间传递数据的方法
Jul 15 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 Javascript
vue 项目软键盘回车触发搜索事件
Sep 09 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
百度地图API使用方法详解
2015/08/25 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
PHP使用Session实现上传进度功能详解
2019/08/06 PHP
搭建PhpStorm+PhpStudy开发环境的超详细教程
2020/09/17 PHP
JQuery 常用方法基础教程
2009/02/06 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
JQuery选择器绑定事件及修改内容的方法
2015/01/23 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
jquery.qtip提示信息插件用法简单实例
2016/06/17 Javascript
javascript加减乘除的简单实例
2016/07/12 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
微信小程序多张图片上传功能
2017/06/07 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
javascript实现数字配对游戏的实例讲解
2017/12/14 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
vue下使用nginx刷新页面404的问题解决
2019/08/02 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
js实现旋转木马轮播图效果
2020/01/10 Javascript
Python判断telnet通不通的实例
2019/01/26 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
台湾线上百货零售购物平台:friDay购物
2017/08/18 全球购物
户外拓展活动方案
2014/02/11 职场文书
合同协议书格式
2014/04/18 职场文书
彩色的翅膀教学反思
2014/04/25 职场文书
九华山导游词
2015/02/03 职场文书
安全教育培训心得体会
2016/01/15 职场文书
小学新课改心得体会
2016/01/22 职场文书
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis