首页 > PHP资讯 > HTML5培训技术 > JavaScript数组对象使用介绍

JavaScript数组对象使用介绍

HTML5培训技术

一、定义数组

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

我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象:

var myArray=new Array()

或者:

var showText = [];  //创建数组
showText.push('hello world'); //push向数组的末尾添加一个或多个元素,并返回新的长度。

有两种向数组赋值的方法(你可以添加任意多的值,就像你可以定义你需要的任意多的变量一样)。

1.
var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"

也可以使用一个整数自变量来控制数组的容量:

var mycars=new Array(3)
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"

2. var mycars=new Array("Saab","Volvo","BMW")

 

二、访问数组

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

下面是代码行:

document.write(mycars[0])  下面是输出:Saab

如需修改已有数组中的值,只要向指定下标号添加一个新值即可:

mycars[0]="Opel";  现在,以上代码:document.write(mycars[0]); 将输出:Opel

 

三、常用方法:

1.For...In 声明 
使用 for...in 声明来循环输出数组中的元素。

<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "
")
}
《script》
 
2.合并两个数组 - concat()
如何使用 concat() 方法来合并两个数组。

<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "
")
}
《script》

3.用数组的元素组成字符串 - join()
如何使用 join() 方法将数组的所有元素组成一个字符串。

<script type="text/javascript">
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join());
document.write("
");
document.write(arr.join("."));
《script》

4.文字数组 - sort()
如何使用 sort() 方法从字面上对数组进行排序。

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "
")
document.write(arr.sort())
《script》

5.数字数组 - sort()
如何使用 sort() 方法从数值上对数组进行排序。

<script type="text/javascript">

function sortNumber(a, b)
{
return a - b
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "
")
document.write(arr.sort(sortNumber))

《script》

6.push() 方法:可向数组的末尾添加一个或多个元素,并返回新的长度。

说明
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

提示和注释
注释:该方法会改变数组的长度。

提示:要想数组的开头添加一个或多个元素,请使用 unshift() 方法。(好像不兼容IE)

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "
")
document.write(arr.push("James") + "
")
document.write(arr)

《script》输出:

George,John,Thomas
4
George,John,Thomas,James

 


HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持9不支持0