JavaScript程序设计基础教程实训指导-5-2 实训案例名称：实现数组倒转、文本排序及数值排序.docxVIP

实训案例名称：实现数组倒转、文本排序及数值排序

1．任务介绍

定义一个一维数组，分别实现该数组的倒转和文本排序及数值排序。

2．任务目标

学会JavaScript常用的数组处理方法。

3．实现思路

（1）利用数组的reverse()方法实现数组倒转。

（2）利用数组的sort()方法实现数组的文本排序，利用sort()方法接收一个比较函数实现数组的数值排序。

4．实现代码

完整代码如脚本5-2所示。

脚本5-2.html

html

head

title数组倒转与排序/title

scripttype=text/javascript

functionoperateArray(t){

vararray=document.getElementById(txtNumbers).value.split(,);

switch(t){

case1:array.reverse();break;

case2:array.sort();break;

case3:array.sort(sortFunc);break;

}

alert(array.toString());

}

functionsortFunc(a,b){

returna-b;

}

/script

/head

body

inputtype=textid=txtNumbersvalue=12,4,3,123,51/

inputtype=buttonvalue=数组倒转onclick=operateArray(1);/

inputtype=buttonvalue=数组排序（文本）onclick=operateArray(2);/

inputtype=buttonvalue=数组排序（数值）onclick=operateArray(3);/

/body

/html

5．运行结果

运行结果如图5.2、图5.3、图5.4所示。

图5.2任务5-2数组倒转运行结果