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è)是最簡(jiǎn)單的,在方括號(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ù)組中的元素,只要簡(jiǎn)要地使用兩次[ ]操作符即可。例如:
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測(cè)試上述代碼,可得如下運(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ì)有所幫助。
相關(guān)文章
JS+HTML實(shí)現(xiàn)的圓形可點(diǎn)擊區(qū)域示例【3種方法】
這篇文章主要介紹了JS+HTML實(shí)現(xiàn)的圓形可點(diǎn)擊區(qū)域,結(jié)合實(shí)例形式分析了javascript結(jié)合HTML元素屬性實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
Echarts動(dòng)態(tài)加載多條折線圖的實(shí)現(xiàn)代碼
這篇文章主要介紹了Echarts動(dòng)態(tài)加載多條折線圖的實(shí)現(xiàn)代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
JavaScript運(yùn)動(dòng)函數(shù)實(shí)例詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript的運(yùn)動(dòng)函數(shù),使用實(shí)例在論證,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02
js 獲取html5的data屬性實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 獲取html5的data屬性實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
TypeScript中的interface與type實(shí)戰(zhàn)
這篇文章主要介紹了TypeScript中的interface與type詳解,它們都是用來定義類型的強(qiáng)大工具,在實(shí)際開發(fā)中,你可以根據(jù)具體情況選擇使用 interface 或 type,或者甚至將它們結(jié)合起來使用,需要的朋友可以參考下2023-06-06
設(shè)置點(diǎn)擊文本框或圖片彈出日歷控件的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄O(shè)置點(diǎn)擊文本框或圖片彈出日歷控件的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧2016-05-05
簡(jiǎn)單實(shí)現(xiàn)JS上傳圖片預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)JS上傳圖片預(yù)覽功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04
JavaScript高級(jí)程序設(shè)計(jì)(第三版)學(xué)習(xí)筆記1~5章
這篇文章主要介紹了JavaScript高級(jí)程序設(shè)計(jì)(第三版)學(xué)習(xí)筆記1~5章 的相關(guān)資料,需要的朋友可以參考下2016-03-03

