JavaScript程序设计基础教程实训指导-5-1 实训案例名称：使用多维数组

实训案例名称使用多维数组.任务介绍1运用二维数组统计文本框中输入的各字符个数.任务目标2学会多维数组使用方法JavaScript实现思路

3.定义一个文本框接收输入字符；1文本框失去焦点时触发函数统计输入的各字符个数；2countstring,函数首先定义数组用于接收字符统计结果为二维数组，存储第个字3countString result result result

[0]

[0]1符，存储第个字符出现的次数；存储第个字符,存储第个字符出现的次数……result

[0][l]1result

[1]

[0]2result

[1]

[1]24函数countString嵌套两层循环，外层循环直接循环传入的字符长度，用charAt函数得到当前循环的字符，然后声明一个标志变量默认值为内层循环针对每一次外层循环得到的字符，判断字符是否存isHas,isHas false;在数组中，如果存在将标识符设为并将数组中存入的该字符个数加；如果不存在则将result isHastrue,result1该字符加入数组并设置个数为result,lo最后将数组打印出来5result实现代码

4.完整代码如脚本5・1所示脚本5-

1.htmlhtmlhead二维数组vtitle v/titlescript type=,text/javascriptHfunction countStringstr{var result=new Array;{〃直接循环forvar i=0;istrength;i++str「〃得至！]当前字符var curChar=str.cha Ati;声明一个变量，标识在结果中是否出现过var isHas=false;//charforvar j=0;jresult.length;j++{〃循环判断当前字符是否在result中出现过〃如果出现过，则设置标识为true,并增加数量，最后跳出循环if curChar==result[j]

[0]{isHas=true;result[j]

[1]++;break;if!isHas〃循环result完毕,没有出现过，则加入resultresult.pushnew ArraycurChar,1;printMatrixresult;function printMatrixresult{forvar i=0;iresult.length;i++{forvar j=0;jresult[i].length;j++{console.Iogresult[i][j];/script/headbody统计文本框中录入的各字符的个数vh2v/h2input type=text onblur=countStringthis.value;//body/html运行结果

5.在文本框输入字符安徽省安徽”，显示结果如图所示5-1Developer Tools-file:///G:/ziliao/JavaScript%E7%A8%8B%E5%BA%8F...—□XQ5J ElementsConsole SourcesNetwork TimelineProfiles Application»0q top▼U Preservelog安能[I本5-l.html:262骷D本5-l.html:26徽眈本5-l.html:262能D本5-l.html:26省骷D本5T.html:261骷本图

5.1任务5・1运行结果。