JavaScript数组剖析

一、JavaScript数组的基本概念

本文来自小莫扎特博客www.plusminustsuchi.com 提供

JavaScript数组就是一组数据有序排列的一个集合。例如:vararr=[10,20,30,40,50]

本文来自小莫扎特博客www.plusminustsuchi.com 提供

数组元素:数组中的每一个值,就叫一个数组元素。比如:20就是一个数组元素

本文来自小莫扎特博客www.plusminustsuchi.com 提供

数组索引:数组中的第一个元素,都有一个编号(索引、下标),索引号是从0开始的正整数,依次为0、1、2…… 本文来自小莫扎特博客www.plusminustsuchi.com 提供

数组元素的访问:数组名称连上[],[]中是元素的索引号,例如:arr[4]=50,arr[0]=10

本文来自小莫扎特博客www.plusminustsuchi.com 提供

数组的长度:指数组中元素的个数 本文来自小莫扎特博客www.plusminustsuchi.com 提供

问题:数组的长度,与数组中最大索引号有什么关系?也就是:数组个数-1=数组的最大索引号 本文来自小莫扎特博客www.plusminustsuchi.com 提供

二、创建一个JavaScript数组

本文来自小莫扎特博客www.plusminustsuchi.com 提供

(1)使用new运算符结合Array()构造函数来创建

本文来自小莫扎特博客www.plusminustsuchi.com 提供

方式一:创建一个未知长度的数组

本文来自小莫扎特博客www.plusminustsuchi.com 提供

vararr=newArray();

本文来自小莫扎特博客www.plusminustsuchi.com 提供

//增加数组元素,数组的值可以是任何的数据类型

本文来自小莫扎特博客www.plusminustsuchi.com 提供

//字符串、数值、布尔、undefined、null、array、object、function

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[0]=10;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[1]=20; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[2]=true;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[3]="abc";

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[4]=undefined;//相当于arr[4]; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

//打印输出所有的值,通过document.write输出数组时,将自动转换成一个字符串输出

本文来自小莫扎特博客www.plusminustsuchi.com 提供

document.write(arr); 本文来自小莫扎特博客www.plusminustsuchi.com 提供

方式二:创建指定长度的数组,()中只有一个整数 本文来自小莫扎特博客www.plusminustsuchi.com 提供

vararr=newArray(3);//创建一个包含3个元素的数组

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[0]=10; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[1]=20;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[2]=30; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

方式三:将多个数组元素添加小括号()中,各个元素间用逗号隔开 本文来自小莫扎特博客www.plusminustsuchi.com 提供

vararr=newArray(10,20,30,40,50); 本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[0]=arr[0]+90;//将第0个元素加上90 本文来自小莫扎特博客www.plusminustsuchi.com 提供

document.write(arr[0]);//结果为100

本文来自小莫扎特博客www.plusminustsuchi.com 提供

(2)使用中括号[]来创建一个数组 本文来自小莫扎特博客www.plusminustsuchi.com 提供

vararr=[10,20,30,40];

本文来自小莫扎特博客www.plusminustsuchi.com 提供

vararr=[“周列生”,true,30,“大专”,“毕业院校”];

本文来自小莫扎特博客www.plusminustsuchi.com 提供

本文来自小莫扎特博客www.plusminustsuchi.com 提供

三、JavaScript数组的基本操作 本文来自小莫扎特博客www.plusminustsuchi.com 提供

(1)增加数组元素 本文来自小莫扎特博客www.plusminustsuchi.com 提供

vararr=[10,20,30];

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[10]=100; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[99]=990; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

(2)修改数组元素的值:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[10]=100; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

(3)删除一个数组元素

本文来自小莫扎特博客www.plusminustsuchi.com 提供

删除数组元素,使用delete运算符;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

例如:deletearr[0];//删除下标为0的数组元素 本文来自小莫扎特博客www.plusminustsuchi.com 提供

注意:用delete删除数组元素时,只是将内容清除,但所占空间还存在。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

JavaScript多维数组

(1)使用new运算符和Array()函数来创建多维数组

本文来自小莫扎特博客www.plusminustsuchi.com 提供

Vararr=newArray();

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[0]=10;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[1]=[10,20,40]

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[2]=newArray();//JS从严格意义上来说只支持一维数组,但它可实现数组元素是数组。不具备完整二维数组的特性,因此必须先创建一个空的数组,然后再添加元素

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[2][0]=“abc”;//如果没有上边一行,在PHP中是支持的

本文来自小莫扎特博客www.plusminustsuchi.com 提供

arr[2][1]=“edf”;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

本文来自小莫扎特博客www.plusminustsuchi.com 提供

(2)使用[]方式来创建多维数组

本文来自小莫扎特博客www.plusminustsuchi.com 提供

vararr=[ 本文来自小莫扎特博客www.plusminustsuchi.com 提供

[1,2,3,4,5],

本文来自小莫扎特博客www.plusminustsuchi.com 提供

[10,20,30,40,50],

本文来自小莫扎特博客www.plusminustsuchi.com 提供

[100,200,300] 本文来自小莫扎特博客www.plusminustsuchi.com 提供

]; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

JavaScript数组的元素,还可以是一个数组,这样的数组,称为“多维数组”,“多层级数据”,“二维数组”。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

二维数组中的第一层数组,相当于表格中的行;第二层数组,相当于表格中的列。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

内容版权声明:以上内容均为转载,如有侵犯原作者请联系删除!