JavaScript動態(tài)創(chuàng)建二維數(shù)組的方法示例
本文實例講述了JavaScript動態(tài)創(chuàng)建二維數(shù)組的方法。分享給大家供大家參考,具體如下:
學(xué)過C語言的我太耿直
一般這種情況下我會直接
var arr = new Array[10][10];
但是不出意外的話這樣是會報錯的,因為在js中根本沒有這樣的語法
在這之前,讓我們先來回顧一下js中是怎么樣創(chuàng)建一維數(shù)組的:
使用數(shù)組直接量,這個是最簡單的,在方括號內(nèi)將數(shù)組元素用逗號隔開即可:
var arr = [ ]; //空數(shù)組 var s = [1,2,3,4]; //4個元素的數(shù)組 var n = [1.1, false, "a", ]; //3個不同類型的元素和結(jié)尾的逗號
這樣看來一維數(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列 }
這樣,一個神奇的有10行10列的數(shù)組就創(chuàng)建完成了。
補充: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代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼,可得如下運行結(jié)果:
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
JS+HTML實現(xiàn)的圓形可點擊區(qū)域示例【3種方法】
這篇文章主要介紹了JS+HTML實現(xiàn)的圓形可點擊區(qū)域,結(jié)合實例形式分析了javascript結(jié)合HTML元素屬性實現(xiàn)一個圓形的可點擊區(qū)域相關(guān)操作技巧,需要的朋友可以參考下2018-08-08Echarts動態(tài)加載多條折線圖的實現(xiàn)代碼
這篇文章主要介紹了Echarts動態(tài)加載多條折線圖的實現(xiàn)代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05TypeScript中的interface與type實戰(zhàn)
這篇文章主要介紹了TypeScript中的interface與type詳解,它們都是用來定義類型的強大工具,在實際開發(fā)中,你可以根據(jù)具體情況選擇使用 interface 或 type,或者甚至將它們結(jié)合起來使用,需要的朋友可以參考下2023-06-06設(shè)置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼
下面小編就為大家?guī)硪黄O(shè)置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考,一起跟隨小編過來看看吧2016-05-05JavaScript高級程序設(shè)計(第三版)學(xué)習(xí)筆記1~5章
這篇文章主要介紹了JavaScript高級程序設(shè)計(第三版)學(xué)習(xí)筆記1~5章 的相關(guān)資料,需要的朋友可以參考下2016-03-03