Javascript 二维数组

 更新时间:2009年11月26日 18:24:46   作者:  
Javascript二维数组的实现代码,需要的朋友可以参考下。
复制代码 代码如下:

<script language="JavaScript">

var x=3, y=4;
var data = new Array(x);
for (var i=0; i<x; i++)
{
data[i] = new Array(y);
}

for (var i=0; i<x; i++)
{
for (var j=0; j<y; j++)
{
data[i][j] = i + j;
}
}

// var myarr = new Arrqy(3,4)

// 定义的是一个有两个元素的一维数组,3和4是各个元素的值

// 根据二维数组动态生成表格

function buildTable(tableId, data)
{
for (var i=0; i<data.length; i++)
{
var row = document.getElementById(tableId).insertRow();
for (var j=0; j<data[i].length; j++)
{
var cell=row.insertCell(j);
cell.innerText=data[i][j];
}
}
}
</script>

//实现举例
<table id="table1"></table>
<input type="button" value="生成表格" onclick="buildTable('table1',data)">

相关文章

  • JavaScript学习笔记(二) js对象

    JavaScript学习笔记(二) js对象

    JavaScript学习笔记(二) js对象学习,学习js的朋友可以参考下。
    2011-10-10
  • Javascript基础教程之数组 array

    Javascript基础教程之数组 array

    Array是JavaScript中常用的类型,并且JavaScript中的数组和其他语言的数组有比较大的区别。JavaScript中数组中存放的数据类型不一定相同,而且数组的长度也是可改变的。
    2015-01-01
  • Three.js源码阅读笔记(基础的核心Core对象)

    Three.js源码阅读笔记(基础的核心Core对象)

    Three.js是一个比较伟大的webgl开源库,它简化了浏览器3D编程,使得使用JavaScript在浏览器中创建复杂的场景变得容易很多接下来先从最基础的核心(Core)对象开始,感兴趣的朋友可以参考下
    2012-12-12
  • JavaScript substr() 字符串截取函数使用详解

    JavaScript substr() 字符串截取函数使用详解

    substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符,文中配有大量实例代码
    2013-04-04
  • 详解Eslint 配置及规则说明

    详解Eslint 配置及规则说明

    这篇文章主要介绍了详解Eslint 配置及规则说明,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JavaScript中的toLocaleLowerCase()方法使用详解

    JavaScript中的toLocaleLowerCase()方法使用详解

    这篇文章主要介绍了JavaScript中的toLocaleLowerCase()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • input 高级限制级用法

    input 高级限制级用法

    当inpupt需要用户输入的时候,可以用的到
    2009-03-03
  • JavaScript之编码规范 推荐

    JavaScript之编码规范 推荐

    JavaScript是一种语法灵活,简单易懂的脚本语言。正因为灵活,因此很多人在编写代码时,显得很随意,这就导致后期的修改、扩展和维护变得异常困难。遵循统一的编码规范,不仅对C++和Java这种编译型语言很重要,对JavaScript脚本语言也同样如此
    2012-05-05
  • javascript、php关键字搜索函数的使用方法

    javascript、php关键字搜索函数的使用方法

    这篇文章主要介绍了javascript、php关键字搜索函数的使用方法的相关资料,需要的朋友可以参考下
    2018-05-05
  • 详解JavaScript ES6中的Generator

    详解JavaScript ES6中的Generator

    这篇文章主要介绍了详解JavaScript ES6中的Generator,ES6版本的JS带来了诸多简洁化的改善,需要的朋友可以参考下
    2015-07-07

最新评论