基于JavaScript 数组的经典程序应用源码（强烈建议收藏）

JavaScript数组的定义、使用都是非常简单的，仅仅定义的话，就使用：

var a=new Array();

对于JavaScript的数组，大小不用管的，爱用多大的下标就用多大。

设计一个数组输入并显示的程序。

对后续的实验而言，要求能有一个数组、能输入数据、并显示结果，为满足这个要求，程序至少要有三个按钮：数据输入、数据显示、数组清除，所谓数组清除，就是当你的数据输入错误后，要能清除掉这个数组、给使用者重新输入的机会。后面肯定就是个文本框了。所以这种情况下，控件说明就是这样的：

注意这个text1控件的说明：它同过去的定义不一样，而是说明了位置属性，left:11px，说明这个控件离浏览器左边10个像素点，width:248px说明该控件宽度是248像素点，而后面的top:40px、则说明离浏览器高度是40个像素点。

我们可以打开a2.htm，这个网页文件，把上述控件说明写进去，并另存为a19.htm

分析：对于数组，我们定义一个就足够了，注意我们的数组、要在三个函数：fIn()、fOut()、fCls()中使用，所以，这个数组应该是全局的，同理，数组的大小也需要知道，我们用n来存储它的当前大小，n也应该是全局的、并且开始就是0，所以程序框架结构就是：

var a=new Array();
var n=0;
function fIn()
{
	…
}
function fOut()
{
	…
}
fCls()
{
	…
}

对于fIn()函数，就是从text1中读到数据并给到a[ ]，所以是：

function fIn()
{
		var d=parseInt(text1.value);
		a[n]=d;
		n++;
		text1.value=””;
}

n++的含义是准备写到下一个数组单元里。 而对fOut()，也很简单，就是：

function fOut()
{
	var i;
	for(i=0;i
		//这里要加入的是JAVASCRIPT的代码
		var n=0;
		var a=new Array();
		function fIn()
		{
			var d=parseInt(text1.value);
			a[n]=d;
			n++;
		}
		function fOut()
		{
		var i;
		for(i=0;i
		
		
		
		
		
		
	

数组输入和显示

这个程序的关键地方是要把事件响应函数和每个控件对应起来。

有了上述程序，后面的作业就可以逐个去完成了。所谓框架、这个程序就算一个吧，在这个程序基础上继续补充，就会非常方便。

选择排序

排序是一个很有意思的事情，选择排序的程序就是：

function SelectSort(x,num)
{
	var i,j,t,m,min;
	for(i=0;i
		
		
		
		
	

选择排序

从上述程序我们可以看到：我们的程序已经开始逐渐变大，实际上选择排序并不是很大，但现在，我们要假设：我们的排序程序非常大，实际中，排序要好多种方法。

把一个很大的程序包装在一个网页里、并不明智，这会让这个网页打开过程非常慢，于是我们要想办法把网页内容分割成一些小包，比如我们的排序程序，要从a20.htm中分割出来。分割过程如下：

1 我们先打开记事本，把SelectSort()函数复制过去、另存为Sort.js； 2 把SelectSort()从a20.htm中删除掉、a20.htm另存为a21.htm;

现在我们肯定知道：a21.htm必须引用Sort.js才能进行排序，否则fSort()函数里根本找不到SelectSort()在哪里。引用一个程序包、如Sort.js，使用的语句是：

注意src=””这个描述，它代表的是从本地硬盘、当前文件夹中引用这个程序包，也可以是这样的描述：

这代表着将从一个网站：www.abcd.com上获得这个程序包。 在实际中，由于浏览器都采用了多线程技术、网站也有很多端口，分割成小包文件下载、速度要快的多。

这样，整个程序就是： 文件名：Sort.js 排序函数包，目前仅仅是选择排序

function SelectSort(x)
{
	var i,j,t,m,min;
	var num=x.length;
	for(i=0;i