当前位置:萝卜系统下载站 > 技术开发教程 > 详细页面

JavaScript创建二维数组

JavaScript创建二维数组

更新时间:2023-06-17 文章作者:未知 信息来源:网络 阅读次数:

编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

JavaScript创建二维数组

【实例描述】

JavaScript提供一个数组对象Array,旦其默认只是一维数组。本例通过一个级联菜单学习如何创建二维数组。

【实例代码】

 

<HTML> <HEAD> <TITLE>二维数组示例-本站(www.xue51.com)</title> </HEAD> <SCRIPT LANGUAGE=javascript> //定义二维数组oArray,用于存放城市名称。 var aCity=new Array(); aCity[0]=new Array(); aCity[1]=new Array(); aCity[2]=new Array(); aCity[3]=new Array(); //为二维数组赋值 aCity[0][0]="--请选择--"; aCity[1][0]="--请选择--"; aCity[1][1]="朝阳区"; aCity[1][2]="海淀区"; aCity[1][3]="东城区"; aCity[1][4]="西城区"; aCity[2][0]="--请选择--"; aCity[2][1]="济南市"; aCity[2][2]="青岛市"; aCity[2][3]="潍坊市"; aCity[3][0]="--请选择--"; aCity[3][1]="浦东区"; aCity[3][2]="徐汇区"; aCity[3][3]="虹桥"; function selectCity() { var i,iIndex; iIndex=document.form1.oProvince.selectedIndex;  //获取选择的省或区 iCityCount=0; while (aCity[iIndex][iCityCount]!=null)      iCityCount++;                              //计算选定省份的市或区个数 document.form1.oCity.length=iCityCount;         //改变第二个下拉框的选项数 for (i=0;i<=iCityCount-1;i++)                   //改变第二个下拉框的内容     document.form1.oCity[i]=new Option(aCity[iIndex][i]); //创建区或市的下拉列表 document.form1.oCity.focus();                   //第二个下拉框获得焦点 } </SCRIPT> <BODY onfocus=selectCity()> <H3>选择所在的省份及城市</H3> <FORM NAME="form1"> <P>省份: <SELECT NAME="oProvince" SIZE="1" ONCHANGE=selectCity()> <OPTION>--请选择--</OPTION> <OPTION>北京</OPTION> <OPTION>山东省</OPTION> <OPTION>上海</OPTION> </SELECT> </P> <P>城市: <SELECT NAME="oCity" SIZE="1"> <OPTION>--请选择--</OPTION> </SELECT> </P> </FORM> </BODY> </HTML>

 

【运行效果】

 JavaScript创建二维数组运行效果

【难点剖析】

本例的重点是二维数组的创建。首先使用Array创建一个一维数组“aCity”,然后将此数组中的每个项又设置为一维数组。这样就构建了—个简单的二维数组。注意每个数组的赋值方式。

【源码下载】

为了JS代码的准确性,请点击:JavaScript创建二维数组 进行本实例源码下载 


使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html