當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JavaScript創(chuàng)建二維數(shù)組

JavaScript創(chuàng)建二維數(shù)組

2012/11/6 15:49:33作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

JavaScript創(chuàng)建二維數(shù)組

【實例描述】

JavaScript提供一個數(shù)組對象Array，旦其默認(rèn)只是一維數(shù)組。本例通過一個級聯(lián)菜單學(xué)習(xí)如何創(chuàng)建二維數(shù)組。

【實例代碼】

 
<HTML>
<HEAD>
<TITLE>二維數(shù)組示例-學(xué)無憂（yzddtk.cn）</title>
</HEAD>
<SCRIPT LANGUAGE=javascript>
//定義二維數(shù)組oArray,用于存放城市名稱。
var aCity=new Array();
aCity[0]=new Array();
aCity[1]=new Array();
aCity[2]=new Array();
aCity[3]=new Array();
//為二維數(shù)組賦值
aCity[0][0]="--請選擇--";
aCity[1][0]="--請選擇--";
aCity[1][1]="朝陽區(qū)";
aCity[1][2]="海淀區(qū)";
aCity[1][3]="東城區(qū)";
aCity[1][4]="西城區(qū)";
aCity[2][0]="--請選擇--";
aCity[2][1]="濟(jì)南市";
aCity[2][2]="青島市";
aCity[2][3]="濰坊市";
aCity[3][0]="--請選擇--";
aCity[3][1]="浦東區(qū)";
aCity[3][2]="徐匯區(qū)";
aCity[3][3]="虹橋";
function selectCity()
{
var i,iIndex;
iIndex=document.form1.oProvince.selectedIndex;  //獲取選擇的省或區(qū)
iCityCount=0;
while (aCity[iIndex][iCityCount]!=null)
     iCityCount++;                              
//計算選定省份的市或區(qū)個數(shù)
document.form1.oCity.length=iCityCount;         
//改變第二個下拉框的選項數(shù)
for (i=0;i<=iCityCount-1;i++)                   
//改變第二個下拉框的內(nèi)容
    document.form1.oCity[i]=new Option(aCity[iIndex][i]); 
//創(chuàng)建區(qū)或市的下拉列表
document.form1.oCity.focus();                   
//第二個下拉框獲得焦點
} 
</SCRIPT>
<BODY onfocus=selectCity()>
<H3>選擇所在的省份及城市</H3>
<FORM NAME="form1">
<P>省份：
?，?lt;SELECT NAME="oProvince" SIZE="1" 
ONCHANGE=selectCity()>
?，?lt;OPTION>--請選擇--</OPTION>
?，，?lt;OPTION>北京</OPTION>
?，?lt;OPTION>山東省</OPTION>
?，?lt;OPTION>上海</OPTION>
</SELECT>
</P>
<P>城市：
?，?lt;SELECT NAME="oCity" SIZE="1">
?，?lt;OPTION>--請選擇--</OPTION> 
?，?lt;/SELECT>
</P>
</FORM>
</BODY>
</HTML> 

 
【運行效果】

 JavaScript創(chuàng)建二維數(shù)組運行效果

【難點剖析】

本例的重點是二維數(shù)組的創(chuàng)建。首先使用Array創(chuàng)建一個一維數(shù)組“aCity”，然后將此數(shù)組中的每個項又設(shè)置為一維數(shù)組。這樣就構(gòu)建了—個簡單的二維數(shù)組。注意每個數(shù)組的賦值方式。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點擊：JavaScript創(chuàng)建二維數(shù)組 進(jìn)行本實例源碼下載 

標(biāo)簽： JavaScript  數(shù)組