這篇文章主要講解了“JS一維和二維數(shù)組的創(chuàng)建和訪問方法”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“JS一維和二維數(shù)組的創(chuàng)建和訪問方法”吧!
我們提供的服務(wù)有:做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、金林ssl等。為超過千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的金林網(wǎng)站制作公司
一維數(shù)組有兩種創(chuàng)建方法:“數(shù)組直接量”和“Array()函數(shù)”。
1、數(shù)組直接量 “[]
”
1)我們可以直接使用“[]
”來給一個(gè)變量賦值,“[]”中可以是空的,那么就是定義空數(shù)組:
var a = []; //空數(shù)組
使用數(shù)組的length屬性來獲取數(shù)組長度,返回值會(huì)為0。
console.log(a.length);
此時(shí)我們可以使用 數(shù)組名[下標(biāo)]=值
的形式給空數(shù)組賦值
a[0]=1; a[1]="hello";
數(shù)組下標(biāo)不僅僅可以是數(shù)字,也可以為文本字符串,那么此時(shí)數(shù)組就是一個(gè)關(guān)聯(lián)數(shù)組
a["姓名"]="張三"; a["年齡"]=23;
如果數(shù)組的下標(biāo)值超出范圍,如負(fù)數(shù)、浮點(diǎn)數(shù)、布爾值、對象或其他值,JavaScript 會(huì)自動(dòng)把它轉(zhuǎn)換為一個(gè)字符串,并定義為關(guān)聯(lián)數(shù)組。
2)也可以直接定義數(shù)組并初始化
直接在“[]
”中包含多個(gè)值列表,值之間用逗號(hào)分隔即可。
var a = [1, 2, 3]; //包含具體元素的數(shù)組
使用數(shù)組的length屬性來獲取數(shù)組長度,返回值就是具體定義的數(shù)組元素?cái)?shù)目。
2、使用new Array()
構(gòu)造數(shù)組
1)如果直接調(diào)用 Array() 函數(shù),不傳遞參數(shù),可以創(chuàng)建一個(gè)空數(shù)組。
var a = new Array(); //空數(shù)組
使用數(shù)組的length屬性來獲取數(shù)組長度,返回值會(huì)為0。
2)如果調(diào)用Array() 函數(shù)時(shí),傳遞多個(gè)值(值之間用逗號(hào)分隔),可以創(chuàng)建一個(gè)實(shí)數(shù)組。
var a = new Array(1,2,3);
3)如果調(diào)用Array() 函數(shù)時(shí),只傳遞一個(gè)數(shù)值參數(shù),那么就表示只定義了數(shù)組的長度,即包含元素的個(gè)數(shù);數(shù)組元素為空,每個(gè)元素的值默認(rèn)值為 undefined。(數(shù)組中元素值沒有定義,在語法上兩個(gè)逗號(hào)之間沒有任何值的元素,被稱為空位元素)
var a = new Array(3);
像這種包含一個(gè)或多個(gè)空位元素的數(shù)組,也被稱為空位數(shù)組。
var a = [1, , 2];var a = [1, 2, 3]; delete a[1];也可產(chǎn)生空位元素,形成空位數(shù)組。
3、訪問數(shù)組
訪問數(shù)組就是訪問數(shù)組元素。我們可以使用 數(shù)組名[下標(biāo)表達(dá)式]
的形式來進(jìn)行訪問,讀寫數(shù)組。
注:下標(biāo)表達(dá)式是值為非負(fù)整數(shù)的表達(dá)式。
例如上文中的
delete a[1]
就是使用delete關(guān)鍵字刪除a數(shù)組中下標(biāo)為1的元素(即刪除第二個(gè)元素)。
還有:
var a = []; //空數(shù)組 a[0]=1; a[2]="hello";
就是分別為a數(shù)組中下標(biāo)為0和2的元素賦值,下標(biāo)為1的元素的值沒有賦值則為undefined。我們想要輸出指定數(shù)組元素時(shí),也可使用這種形式
console.log(a[0]); //讀取第一個(gè)元素,返回值為1 console.log(a[1]); //讀取第二個(gè)元素,返回值為undefined console.log(a[2]); //讀取第三個(gè)元素,返回值為hello
JavaScript 并沒有直接支持二維數(shù)組,但是可以設(shè)置數(shù)組元素的值等于數(shù)組,這樣就能模擬二維數(shù)組的結(jié)構(gòu)。
1、定義二維數(shù)組
定義二維數(shù)組的方法1:
var a = []; a[0,0] = 1; a[0,1] = 2; a[1,0] = 3; a[1,1] = 4;
定義二維數(shù)組的方法2:
var a = [ //定義二維數(shù)組 [1.1, 1.2], [2.1, 2.2] ];
定義二維數(shù)組的方法3:
var a = new Array( [1.1, 1.2], [2.1, 2.2]); //定義二維數(shù)組
按照這種思想,如果二維數(shù)組中每個(gè)元素的值也為數(shù)組,則可以模擬三維數(shù)組,以此類推,通過數(shù)組嵌套的形式可以定義多維數(shù)組。
2、訪問二維數(shù)組
訪問二維數(shù)組甚至三維數(shù)組、多維數(shù)組的方法,和訪問一維數(shù)組的方法一樣,都是使用中括號(hào)進(jìn)行訪問:
數(shù)組名[下標(biāo)表達(dá)式1] [下標(biāo)表達(dá)式2] 數(shù)組名[下標(biāo)表達(dá)式1] [下標(biāo)表達(dá)式2] [下標(biāo)表達(dá)式3] ... 數(shù)組名[下標(biāo)表達(dá)式1] [下標(biāo)表達(dá)式2] [下標(biāo)表達(dá)式3]...[下標(biāo)表達(dá)式N]
更高維度的數(shù)組以此類推。
感謝各位的閱讀,以上就是“JS一維和二維數(shù)組的創(chuàng)建和訪問方法”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對JS一維和二維數(shù)組的創(chuàng)建和訪問方法這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!