`

1月2号json表格的添加二维数组(第60天的学习)

 
阅读更多
在javascript里面是没有二维数组的
但是有两个办法来解决一个就是在用一维数组来模拟二维数组但是这样不好 容易出错很麻烦

还有一个办法就是在一维数组的里面在定义这个循环让他这个循环里面本身就存在着一个一维数组这样就能实现二维数组了

<html>
<head>
<!--创建一个表格 width是表格的长度 border是表格外边框的宽度 cellspacing 内边框的距离 cellpadding每个框的高度-->
<table width="200" border="1" cellspacing="0" cellpadding="10" id="table1">
<通过css创建表头>
<tr>
<td>name</td>
<td>age</td>
<td>sex</td>
</tr>
</table>
<!--插入脚本-->
<script language="javascript">
<!--把tbody表格的身体定义到tbody里 定义创建一个新的aa参数-->
var tbody = document.createElement("tbody");
var aa=new Array();
<!--循环 表格一共有3列--> 
for(i=0;i<3;i++)
{
var tr = document.createElement("tr");
    aa[i]=new Array();
<!--循环 表格移动有3行-->
    for(n=0;n<3;n++)
    {
var td = document.createElement("td");
td.innerHTML = getValue(i,n);
   tr.appendChild(td); 
    tbody.appendChild(tr);  
}
}
<!--将表头定义到parNode参数里-->
var parNode = document.getElementById("table1");
<!--parNode获得表格的身体-->
parNode.appendChild(tbody);
<!--创建getValue函数(i index参数)-->
function getValue(i,index)
{
//var values = new Array('nihao1','nihao2','nihao3','nihao4','nihao5','nihao6') ;
<!--新建一个values参数 新建3行 -->
var values = new Array();
values[0] = new Array();
values[1] = new Array();
values[2] = new Array();
<!--将3行数据放到里面去-->
values[0][0] = "Brett";
values[0][1] = 30;
values[0][2] = "男";

values[1][0] ="Jason";
values[1][1] =35;
values[1][2] ="女";

values[2][0] ="Elliotte";
values[2][1] =40;
values[2][2] ="男";




       //{ "name": "Brett", "age":"30", "sex": "男" },
            //{ "name": "Jason", "age":"35", "sex": "男" },
       //{ "name": "Elliotte", "age":"40", "sex": "男" }
       //{ "name": "Isaac", "age": "45", "sex": "男" },
       //{ "name": "Tad", "age": "50", "sex": "男" },
                       //{ "name": "Frank", "age": "55", "sexl": "男" } 
                       //{ "name": "Eric", "age": "60", "sex": "男" },
                       //{ "name": "Sergei", "age": "65", "sex": "男" } 
    <!--返回值 values变量[i]和[index]数组-->
    return values[i][index];
}
</script>
</head>
<body>
</body>
</html>
分享到:
评论

相关推荐

    易语言生成二维json数组源码

    4. **构建二维数组**:在生成单个JSON对象后,将它们添加到一个列表中,形成一维的JSON数组。接着,可以再创建一个列表,用于存放这些一维数组,从而构成二维数组。 5. **输出结果**:最后,可以将生成的二维JSON...

    json_ksort 二维数组键值排序源码

    而"Tags:json二维数组键值排序"强调了这个话题的关键点,即对JSON格式的二维数组进行键值排序。 在标签部分,"SanYe"可能是开发者的别名,也可能是代码库、框架或者项目的名称。通常,这样的标签有助于追踪和分类...

    C#实现对二维数组排序的方法

    方法内部首先检查`sortCol`是否在数组的列范围内,然后创建一个新的`DataTable`对象,并根据二维数组的第二维度(列)为每一列添加`DataColumn`。接着,将二维数组的数据逐行加载到`DataTable`中。完成数据加载后,...

    LabVIEW二维数组排序.rar

    2. **按列排序**:若要按列排序,可以先将二维数组转换为一维数组,通过“展开成列”函数实现。然后对一维数组进行排序,最后再用“折叠成列”函数恢复二维形式。同样,可以设置升序或降序。 3. **自定义排序**:...

    二维数组作为函数形参的两种方法

    在C++编程中,二维数组是一种非常常见的数据结构,它被广泛用于表示表格或矩阵等数据。本篇文章将深入探讨如何将二维数组作为函数的形参进行传递,以实现特定的功能,例如本例中的二维数组求和。我们将讨论两种主要...

    二维数组去除重复项

    二维数组是一种数据结构,它由多个一维数组组成,可以看作是表格或矩阵的形式。每个一维数组都是一行数据,而整个二维数组则构成了一个包含多行的数据集。在处理这样的数据集时,经常需要去除重复的记录,以确保数据...

    三维数组操作_labview三维数组_labview_三维数组_

    在LabVIEW编程环境中,三维数组是一种非常重要的数据结构,它能够有效地存储和处理大量多维数据。本篇文章将深入探讨如何在LabVIEW中创建、操作和应用三维数组,以实现如标题和描述所述的功能。 首先,让我们理解...

    CStringArray二维数组

    通过以上分析,我们可以看出 `CStringArray` 与二维数组的结合使用可以非常灵活地处理字符串数据,尤其是在处理表格数据时非常有用。同时,由于涉及到了指针和动态内存管理,因此需要注意内存的正确释放,避免内存...

    Java二维数组实现简单Map

    1. **插入(Put)**:在二维数组中插入一个键值对意味着找到一个空位(假设数组已预先分配好大小),并将键值对放入对应的位置。如果键已经存在,可以选择更新其对应的值。 2. **查找(Get)**:根据键来查找对应的...

    C++二维数组编程实例.zip

    在C++编程中,二维数组是一种非常重要的数据结构,它被广泛用于表示表格或矩阵等数据。本资源“C++二维数组编程实例.zip”提供了一系列可以直接运行的实例,旨在帮助学习者深入理解并掌握C++中二维数组的使用。下面...

    读取二维数组的数据.zip

    首先,二维数组在计算机科学中是一种数据结构,它是由多个一维数组排列而成的,可以理解为表格形式的数据存储,通常用于表示矩阵或表格。在LabVIEW中,数组是基本的数据类型之一,可以是单精度浮点数、双精度浮点数...

    c#调用c++DLL,dll有二维数组

    标题中的“c#调用c++DLL,dll有二维数组”意味着我们将在C++的DLL中定义一个二维数组,然后在C#中调用该函数并处理这个数组。在C++中,二维数组通常以指针的形式传递,因为C++不支持引用参数。而在C#中,我们通常...

    LabVIEW创建一维数组

    一维数组是基本的数组,多维数组是在一维数组的基础上创建的。一维数组的创建过程如下。  (1)创建数组框架。在前面板窗口控件选板中选择控件“新式→数组、矩阵与簇→数组,置于前面板窗口的空白处,如图1所示。...

    C++求二维数组中的最大值和最小值的方法

    在C++编程中,处理二维数组是常见的任务之一,特别是在数据处理、图像处理等领域。本文将详细介绍如何在C++中找到二维数组中的最大值和最小值。首先,我们需要理解二维数组的基本概念。二维数组可以看作是一组一维...

    Labview应用技术 二维数组的创建示例(课堂实训).docx

    二维数组可以视为一系列的一维数组排列在一起,类似于表格,具有行和列的概念。在LabVIEW中,可以通过以下步骤创建二维数组: 1. **打开新VI**:启动LabVIEW,创建一个新的虚拟仪器(VI)。 2. **添加数组控件**:...

    易语言-json_ksort 二维数组键值排序

    本知识点主要聚焦于易语言中的一个特定功能——json_ksort,它涉及到二维数组的键值排序。下面将详细阐述易语言处理JSON数据以及ksort函数的工作原理和应用。 首先,JSON(JavaScript Object Notation)是一种轻量...

    MFC读位图像素到二维数组,将数组中像素显示位图.zip

    在本文中,我们将深入探讨如何使用Microsoft Foundation Class (MFC) 库来读取位图文件的像素数据,并将其存储到二维数组中。接着,我们将介绍如何将这些数组中的像素重新绘制为位图,以及如何将像素点的值写入文本...

    java 二维数组 随机生成迷宫

    1. **分割**:初始化一个完全连通的二维数组,即所有相邻的节点之间都有路径。这可以通过将数组的所有水平和垂直边标记为“墙”来实现,而交叉点则代表“通道”。 2. **随机选择路径**:从任意一个节点开始,随机地...

    c#编写的软件,将矩阵(二维数组)渲染成云图&amp;强度图

    c#编写的软件,将矩阵(二维数组)渲染成云图&强度图, 导入二维数据数据即可渲染成非常漂亮的云图,效果非常好,均匀性好,不存在等高线,交叉点,颜色均匀分摊,可以看整体的强度效果, ...最小二维数组2*2

    螺旋的方式打印二维数组

    在编程领域,二维数组是一种常见的数据结构,它模拟了矩阵的概念,可以用来处理行和列的数据。本主题将深入探讨如何以螺旋方式打印二维数组,以及如何自动生成二维数组进行测试。 螺旋打印二维数组是一种独特的方法...

Global site tag (gtag.js) - Google Analytics