JavaScript之数组(Array)详解

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()操作,以便实现类似栈的行为。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgjsff.html