JavaScript動(dòng)態(tài)創(chuàng)建二維數(shù)組的方法示例

本文實(shí)例講述了JavaScript動(dòng)態(tài)創(chuàng)建二維數(shù)組的方法。分享給大家供大家參考，具體如下：

學(xué)過C語言的我太耿直

一般這種情況下我會(huì)直接

var arr = new Array[10][10];

但是不出意外的話這樣是會(huì)報(bào)錯(cuò)的，因?yàn)樵趈s中根本沒有這樣的語法

在這之前，讓我們先來回顧一下js中是怎么樣創(chuàng)建一維數(shù)組的：

使用數(shù)組直接量，這個(gè)是最簡單的，在方括號(hào)內(nèi)將數(shù)組元素用逗號(hào)隔開即可：

var arr = [ ]; //空數(shù)組
var s = [1,2,3,4]; //4個(gè)元素的數(shù)組
var n = [1.1, false, "a", ]; //3個(gè)不同類型的元素和結(jié)尾的逗號(hào)

這樣看來一維數(shù)組還是各種語言都通用的，Javascript不支持真正的多維數(shù)組，但可以用數(shù)組的數(shù)組來近似。訪問數(shù)組的數(shù)組中的元素，只要簡要地使用兩次[ ]操作符即可。例如：

var arr = new Array(10); //表格有10行
for(var i = 0;i < arr.length; i++){
 arr[i] = new Array(10); //每行有10列
}

這樣，一個(gè)神奇的有10行10列的數(shù)組就創(chuàng)建完成了。

補(bǔ)充：JS生成二維數(shù)組完整操作示例：

var arr = [];
var n=1;
for(var i = 0;i < 10; i++){
 arr[i] = []; //每行有10列
 for(var j = 0;j < 10; j++){
  arr[i][j] = n;
  n++;
 }
}
console.log(arr);

這里使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可得如下運(yùn)行結(jié)果：

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。