数组对象的作用是:使用单独的变量名来存储一系列的值。
什么是数组?
数组对象是使用单独的变量名来存储一系列的值。
如果你有一组数据(例如:动物名字),存在单独变量如下所示:
var animal1="tiger"; var animal2="lion"; var animal3="monkey";
然而,如果你想从中找出某一种动物?并且不是 3 种,而是 300 种呢?这将不是一件容易的事!
最好的方法就是用数组。
数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。
数组中的每个元素都有自己的的 ID,以便它可以很容易地被访问到。
创建一个数组
创建一个数组,有三种方法。
下面的代码定义了一个名为 myAniamals 的数组对象:
1. 常规方式:
var myAniamals=new Array(); myAniamals[0]="tiger"; myAniamals[1]="lion"; myAniamals[2]="monkey";
2. 简洁方式:
var myAniamals=new Array("tiger","lion","monkey");
3. 字面量:
var myAniamals=["tiger","lion","monkey"];
访问数组
通过指定数组名以及索引号码,你可以访问某个特定的元素。
以下实例可以访问 myAniamals 数组的第一个值:
var name=myAniamals[0];
以下实例修改了数组 myAniamals 的第一个元素:
myAniamals[0]="dog";
[0] 是数组的第一个元素。[1] 是数组的第二个元素。
在一个数组中你可以有不同的对象
所有的 JavaScript 变量都是对象。数组元素是对象。函数是对象。
因此,你可以在数组中有不同的变量类型。
你可以在一个数组中包含对象元素、函数、数组:
myArray[0]=Date.now; myArray[1]=myFunction; myArray[2]=myAniamals;
数组方法和属性
使用数组对象预定义属性和方法:
var x=myAniamals.length // myAniamals 中元素的数量 var y=myAniamals.indexOf("tiger") // "tiger" 值的索引值
完整的数组对象参考手册
你可以参考本站关于数组的所有属性和方法的完整参考手册。
参考手册包含了所有属性和方法的描述(和更多的例子)。
创建新方法
原型是 JavaScript 全局构造函数。它可以构建新 Javascript 对象的属性和方法。
<body> <p id="demo">单击按钮创建一个数组,调用 ucase() 方法, 并显示结果。</p> <button onclick="myFunction()">点我</button> <script> Array.prototype.myUcase=function(){ for (i=0;i<this.length;i++){ this[i]=this[i].toUpperCase(); } } function myFunction(){ var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.myUcase(); var x=document.getElementById("demo"); x.innerHTML=fruits; } </script> </body>
上面的例子创建了新的数组方法用于将数组小写字符转为大写字符。
运行结果:
BANANA,ORANGE,APPLE,MANGO