制作简单的焦点图效果

制作简单的焦点图效果

数组的创建

1.创建数组

在JavaScript有多种方式创建数组,可以使用构造函数创建,也可以直接使用方括号创建,具体有以下几种创建方法

(1)使用无参构造函数,创建一空数组

var arr=new Array();

(2)一个数字参数构造函数,指定数组长度

                 var arr=new Array(5);

        表示创建一个长度为5的数组,由于数组长度可以动态调整,作用并不大。

(3)带有初始化数据的构造函数,创建数组并初始化参数数据

                 var arr=new Array(“HTML”,”JavaScript”,”DOM”);

(4)使用方括号,创建空数组,等同于调用无参构造函数

                 var arr=[];

(5)使用中括号,并传入初始化数据,等同于调用调用带有初始化数据的构造函数

                 var arr=[“HTML”,”JavaScript”,”DOM”];

2.为数组元素赋值

在声明数组时可以直接为数组元素赋值,如前面创建数组中的(3)和(5),也可以分别为数组元素赋值,例如:

               var colors=new Array(4);                //创建长度为3的空数组

                colors[0]="red";                               //为数组第一个元素赋值

                colors[1]="yellow";                         //为数组第二个元素赋值

                colors[2]="blue";                             //为数组第三个元素赋值

               colors[3]="green";                           //为数组第四个元素赋值

        在JavaScript中,可以将不同数据类型的值存放在一个数组中,例如:

                 var person =["张平",20,"男"];

数组的访问

      通过数组的名称和下标直接访问数组元素,访问数组的语法格式如下:

                 数组名[下标];

数组的常用属性和方法

 

名称

 
 

描述

 
 

length

 
 

数组的属性,返回数组长度

 
 

reverse()

 
 

反转数组。返回反转后的数组,原数组的值也会反转

 
 

join()

 
 

用括号内的符号将数组中的所有元素连起来

 
 

sort()

 
 

进行升序排序

 
 

concat(a1)

 
 

连接数组,将括号中的a1接在数组后面,可以连接多个数组