ECMAScript的数组与其他语言中的数组有着相当大的区别。虽然ECMAScript中的数组也是有序列表,但是它数组你的每一项可以保存任何类型的数据。ECMAScript数组的大小是可以动态调整的。
创建数组的基本方式有两种。第一种是使用Array构造函数,如下所示:
复制代码 代码如下:
var colors = new Array();
如果知道数组要保存的项目数量,也可以给构造函数传递参数,而该参数会自动变成length属性的值,如下:
复制代码 代码如下:
var colors = new Array(20);
也可以向Array构造函数中传递数组中应包含的项,如下代码所示:
复制代码 代码如下:
var colors = new Array("red","blue");
另外,使用Array构造函数时也可以省略new操作符,如下所示:
复制代码 代码如下:
var colors = Array(20);
创建数组的第二种方式是使用数组字面量表示法。数组字面量由一对包含数组项的方括号表示,多个数组项之间用逗号隔开,如下所示:
复制代码 代码如下:
var color = ["red","blue"];
var names = [];
var values = [1,2,]//IE8及之前3项,其他2项,不建议使用
与对象一样,在使用数字字面量表示法时,也不会调用Array的构造函数。
在读取和设置数组的值时,要使用方括号并提供相应值的基于0的数字索引,如下所示:
复制代码 代码如下:
var colors = ["red","blue"]; //定义数组
alert(colors[0]); //red
colors[1] = "black" //修改第2项
colors[2] = "brown" //新增第3
数组的项数保存在其length属性中,这个属性始终会返回0或更大的数字,如下所示:
复制代码 代码如下:
var colors = ["red","blue"]; //定义数组
var names=[];
alert(colors.length); //3
alert(names.length) //0
值得注意的是,数组的length值不是只读的。因此,通过设置此值,可以从数组的末尾移出项或向数组添加项,如下:
复制代码 代码如下:
var colors = ["red","blue"];
colors.length = 1;
alert(colors[1]); //undefined
利用length属性也可以方便的向数组末尾添加数据:
复制代码 代码如下:
var colors = ["red","blue"];
colors[colors.length] = "black"; //在位置2新增
colors[colors.length] = "brown"; //在位置3新增
1、检测数组
对于一个网页或一个全局作用域而言,使用instanceof操作符可以做到:
复制代码 代码如下:
if(value instanceof Array){
// 执行操作
}
instanceof操作符局限性在于全局作用域,如果网页包含多个框架,就存在两个以上的全局执行环境。为了解决这个问题,ECMAScript5新增了Array.isArray()方法,使用如下:
复制代码 代码如下:
if(Array.isArray(value)){
// 执行操作
}
2、转化方法
调用数组的toString()方法会返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。而调用valueOf()返回还是数组。如下所示:
复制代码 代码如下:
var colors = ['red', 'blue', 'green'];
alert(colors.toString()); //red,blue,green
alert(colors.valueOf()); //red,blue,green
alert(colors) //red,blue,green
数组继承的toLocalString()、tiString()和valueOf()方法,在默认情况下都会以逗号分隔符的字符串形式返回数组项。而如果使用join()方法,则可以使用不同的分隔符来构建这个字符串。join()方法只接受一个参数,即用作分隔符的字符串,如下所示:
复制代码 代码如下:
var colors = ['red', 'blue', 'green'];
alert(colors.join(',')); //red,blue,green
alert(colors.join('|')); //red|blue|green
如果数组中的某一项值为null或者undefied,那么该值在join()、toLocalString()、tiString()和valueOf()方法返回结果以空字符串表示。
3、栈方法
Javascript专门为数组提供了push()和pop()操作,以便实现类似栈的行为。
push()方法可以接收任意数量的参数,把他们逐个添加到数组末尾,并返回修改后数组的长度。pop()方法则从数组末尾溢出最后一项,减少数组的length值,然后返回移出的项。
复制代码 代码如下:
var colors = new Array(); //定义数组
var count = colors.push("red", "blue"); //压入两项
alert(count); //2
count = colors.push("black"); //压入另一项
alert(count); //3
var item = colors.pop(); //弹出最后一项
alert(item); //"black"
alert(colors.length); //2
4、队列方法
栈数据结构的访问规则是LIFO(后进先出),而队列的访问规则是FIFO(先进先出)。队列在列表末端添加项,在前端移出项。
shift()方法能够移除数组中的第一项,并返回该项,数组的length-1。结合push()和shift()方法,可以像使用队列一样使用数组,如下所示:
复制代码 代码如下:
var colors = new Array();
var count = colors.push("red", "blue");
count = colors.push("black");
alert(count);
var item = colors.shift(); //取得第一项
alert(item); //"red"
alert(color.length); //2
ECMAScript还为数组提供了unshift()方法。unshift()和shift()方法用途相反:它在数组前端添加任意个项并返回新数组的长度。因此,同时使用unshift()和shift()方法,可以从相反方向来模拟队列,即在数组前端添加新项,从数组末端移出项,如下所示:
复制代码 代码如下:
var colors = new Array();
var count = colors.push("red", "green");
alert(count); //2
count = colors.unshift("black"); //推入另一项
alert(count); //3
var item = colors.pop(); //取得最后一项
alert(item) //green
alert(colors.length) //2
5、重排序方法
数组中已经存在两个可以直接用来重排序的方法:reverse()和sort()。reverse()方法会按照反转数组项的排序。
复制代码 代码如下:
var values = [2, 1, 3, 4, 5];
values.reverse();
alert(values); //5,4,3,2,1
默认情况下,sort()方法按照升序排列数组项,调用每一项的toString()方法,比较字符串,以确定如何排序。即使数组中的每一项都是数值,sort()方法比较的都是字符串。
复制代码 代码如下:
var values = [12, 11, 3, 4, 5];
values.sort();
alert(values); //12,11,3,4,5
我们可以通过一个比较函数当作参数传递给sort()方法。如下:
复制代码 代码如下:
function compare(value1, value2) {
if (value1 < value2) {
return -1
} else if (value1 > value2) {
return 1
} else {
return 0
}
}
var values = [0, 1, 5, 10, 15];
values.sort(compare);
alert(values); //0,1,5,10,15
6、操作方法
ECMAScript为操作在数组中提供了很多方法。其中,concat()方法可以基于当前数组中的所有项创建一个新数组。
复制代码 代码如下:
var colors = ["red", "green", "blue"];
var colors2 = colors.concat("yellow", ["black", "brown"]);
alert(colors); //red,green,blue
alert(colors2); //red,green,blue,yellow,black,brown
slice()方法,它能够基于当前数组的一个项或多个项创建新数组,它可以接收一个或两个参数,即要返回项的起始和结束位置。一个参数时,返回该参数指定位置开始到当前数组末尾的所有项。两个参数则返回起始到指定位置的所有项——不包括结束位置的项。注意,slipe()方法不影响原始数组。
复制代码 代码如下:
var colors=["red","green","blue","black","brown"];
var colors2=colors.slice(1);
var colors3=colors.slice(1,4);
alert(colors2); //green,blue,black,brown
alert(colors3); //green,blue,black
slice()方法删除:可以删除任意数量的项,只需指定2个参数:要删除的第一项的位置和要删除的项数。
slice()方法插入:可以向指定位置插入任意数量的项,只需提供3个参数:起始位置、0(要删除的项数)和要插入的项。
slipe()方法替换:可以项指定位置插入任意数量的项,且同时删除任意数量的项,只需指定3个参数:起始位置、要删除的项数和要插入的任意数量的项。
复制代码 代码如下:
var colors = ["red", "green", "blue