JavaScript 基础教程

JavaScript 函数

JavaScript HTML DOM

JavaScript 高级教程

JavaScript 浏览器BOM

JavaScript 库

original icon
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.knowledgedict.com/tutorial/js-obj-array.html

JavaScript Array(数组)


数组对象的作用是:使用单独的变量名来存储一系列的值。

什么是数组?

数组对象是使用单独的变量名来存储一系列的值。

如果你有一组数据(例如:车名字),存在单独变量如下所示:



var
car1="Saab";
var
car2="Volvo";
var
car3="BMW";

然而,如果你想从中找出某一辆车?并且不是3辆,而是300辆呢?这将不是一件容易的事!

最好的方法就是用数组。

数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。

数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。

创建一个数组

创建一个数组,有三种方法。

下面的代码定义了一个名为 myCars的数组对象:

1: 常规方式:


var myCars=new Array(); 
myCars[0]="Saab";       
	myCars[1]="Volvo";
	myCars[2]="BMW";

2: 简洁方式:


var myCars=new Array("Saab","Volvo","BMW");

3: 字面:


var myCars=["Saab","Volvo","BMW"];

 

访问数组

通过指定数组名以及索引号码,你可以访问某个特定的元素。

以下实例可以访问myCars数组的第一个值:



var
name=myCars[0];

以下实例修改了数组 myCars 的第一个元素:


myCars[0]="Opel";

 

  [0] 是数组的第一个元素。[1] 是数组的第二个元素。

 

在一个数组中你可以有不同的对象

所有的JavaScript变量都是对象。数组元素是对象。函数是对象。

因此,你可以在数组中有不同的变量类型。

你可以在一个数组中包含对象元素、函数、数组:



myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;

 

数组方法和属性

使用数组对象预定义属性和方法:



var x=myCars.length             
// myCars 中元素的数量
var y=myCars.indexOf("Volvo")   // "Volvo" 值的索引值

 

创建新方法

原型是JavaScript全局构造函数。它可以构建新Javascript对象的属性和方法。


Array.prototype.myUcase=function(){
    for (i=0;i<this.length;i++){
        this[i]=this[i].toUpperCase();
    }
}

 

上面的例子创建了新的数组方法用于将数组小写字符转为大写字符。