`

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_ksort 二维数组键值排序源码

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

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

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

    二维数组转一维数组

    将labview内二维数组方便的转化为一维数组使用

    二维数组去除重复项

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

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

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

    labview学习笔记7:labview二维数组搜索匹配

    本学习笔记将深入探讨如何在LabVIEW中实现对二维数组的搜索匹配,特别是针对字符串类型的二维数组。由于LabVIEW内建的函数库并未直接提供搜索二维数组的功能,我们需要自定义方法来解决这个问题。 首先,我们需要...

    C语言中二维数组作为函数参数来传递的三种方法

    需要注意的是,在第三种方法中,我们不能使用array[i][j]这种形式来取值,而是需要将二维数组看成一个一维数组,使用array[i * j + j]这种形式来进行取值。这是因为在传参的时候,我们将array[][]数组当成二级指针来...

    Java二维数组实现简单Map

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

    LabVIEW练习26,(1)显示一个二维数组的行数和列数; (2)查找一个二维数组中最大值,以及最大值在数组中的位置

    (1)显示一个二维数组的行数和列数; (2)查找一个二维数组中最大值,以及最大值在数组中的位置;

    读取二维数组的数据.zip

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

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

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

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

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

    java 二维数组 随机生成迷宫

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

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

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

    螺旋的方式打印二维数组

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

    Delphi 如何将二维数组数据 以Blob 存入数据库中 并读取 工程

    二维数组是多个一维数组的组合,通常用于处理矩阵或表格形式的数据。Stream 是 Delphi 中处理数据流的对象,它可以读写内存或磁盘上的数据。 1. **转换二维数组为 Stream**: - 创建一个 TMemoryStream 对象,它...

    2维数组排序.vi

    在实际应用,我们经常要用对二维数组中的某一行或者某一列进行排序,然后其他位置要跟排序一起变动

    动态开辟二维数组.doc )

    ### 动态开辟二维数组:深入理解与实践 在编程领域,特别是在C++中,动态开辟二维数组是一项基本而重要的技能。本文将基于提供的文件信息,深入探讨如何使用C++中的`new`关键字以及`vector`容器来实现这一功能。 #...

    e语言-易语言二维数组位图

    2. 使用循环填充二维数组,每个元素对应位图中的一个像素,其值可以是颜色值或者索引值,取决于位图的颜色模式。 3. 调用易语言位图操作支持库的函数,将二维数组转换为位图对象。 4. 如果需要,可以进一步对位图...

    二维数组排序

    应用c++库函数 qsort实现二维数组排序,即 举例:排序前:{{1,1,0} {3,0,2}, {1,1,1}, {1,2,0}} 排序后:{{1,1,0}, {1,1,1}, {1,2,0}, {3,0,2}}

Global site tag (gtag.js) - Google Analytics