当前位置:首页 > 专题管理

JavaScript 数组 Array

JavaScript 数组基本概念

数组是一系列值的集合,即可以看做是多个变量用一个总的变量来表示。数组包含了 0 个或多个数组元素。

创建数组

JavaScript 中使用 new 关键字来创建数组,语法如下:

// 创建空数组:
new Array()
// 创建 num 个元素的数组:
new Array(num)
// 直接创建带有元素值的数组:
new Array(element0,element1,element2...)

说明:Array(3) 表示创建元素个数为 3 的数组,但实际上该数组的元素个数仍然是可变的。以下是常用的创建数组的例子:

var array_1 = new Array();
array_1[0] = 'a';
array_1[1] = 10.5;
array_1[2] = true;

var array_2 = new Array(3)
array_2[0] = {x:10, y:15};
array_2[1] = document.getElementById("article");
array_2[2] = new Array();

var array_3 = new Array('a',10.5,true);

数组元素就如变量一样,可以是任何 JavaScript 支持的东西,甚至也可以是一个数组,如上面的例子所示。

JavaScript 也支持隐形声明创建一个数组:

var array_4 = ['a',10.5,true];

但需要注意,array_4 与 array_3 是不相等的,alert( array_3==array_4 ) 将输出 false。

数组元素的操作

读取元素的值

数组包含了多个数组元素,对数组元素的访问是通过下标来完成的,注意下标是从 0 开始计数的:

var array_3 = new Array('a',10.5,true);
alert( array_3[1] );	// 输出:10.5

修改元素的值

var array_3 = new Array('a',10.5,true);
array_3[1] = 20;	// 赋新值给元素
alert( array_3[1] );	// 输出:20

如果想替换数组中的一个或多个元素,请参考《JavaScript splice 方法:插入、删除或替换数组的元素》。

增加元素

JavaScript 支持以下标的新式直接在数组后面增加新的元素:

var array_3 = new Array('a',10.5,true);
array_3[3] = 'new value';	// 赋新值给元素
alert( array_3[3] );		// 弹出提示窗输出:20

增加数组元素更多的方法还可以参考:

  • JavaScript push 方法:向数组的末尾添加一个或多个元素
  • JavaScript unshift 方法:向数组的开头添加一个或多个元素
  • JavaScript splice 方法:插入、删除或替换数组的元素

删除元素

要删除数组元素,请参考以下内容:

  • JavaScript pop 方法:向数组的末尾添加一个或多个元素
  • JavaScript shift 方法:向数组的开头添加一个或多个元素
  • JavaScript splice 方法:插入、删除或替换数组的元素

提示:将数组元素赋值为 null 的方式,只能清除元素的值而不能删除该元素。

本章节内容共分 14 部分:

  1. JavaScript 数组 Array
  2. JavaScript 二维数组与多维数组
  3. JavaScript 使用 for ... in 语句遍历数组中的元素
  4. JavaScript concat 方法:连接两个或多个数组
  5. JavaScript join 方法:把数组转换为一个字符串
  6. JavaScript Array toString 方法:把数组转换为字符串
  7. JavaScript push 方法:向数组的末尾添加一个或多个元素
  8. JavaScript unshift 方法:向数组的开头添加一个或多个元素
  9. JavaScript pop 方法:删除并返回数组的最后一个元素
  10. JavaScript shift 方法:删除并返回数组的第一个元素
  11. JavaScript splice 方法:插入、删除或替换数组的元素
  12. JavaScript Array slice 方法:从数组中返回选定的元素
  13. JavaScript Array reverse 方法:颠倒数组中元素的顺序
  14. JavaScript Array sort 方法:对数组的元素进行排序