腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

javascript之Array 數(shù)組對象詳解

更新時間：2016年06月07日 11:00:52 作者：meaijojo

本文主要是對javascript之Array 數(shù)組對象的詳解，比較詳細，希望能給大家做一個參考。

1、創(chuàng)建Array對象方法：

--->var arr = [element0, element1, ..., elementn];//簡單的定義方法

復(fù)制代碼代碼如下:

var arr = [1,2,3]

此時可以知道

復(fù)制代碼代碼如下:

arr[0] == 1;

arr[1] == 2;

arr[2] == 3;

--->new Array();

復(fù)制代碼代碼如下:

var arr = new Array();//定義一個沒有任何內(nèi)容的數(shù)組對象，然后以下面的方式為其賦值

arr[0] = "arr0";

arr[1] = "arr1";

arr[2] = "arr2";

--->new Array(size);//定義一個大小有限制的數(shù)組對象，然后以下面的方式賦值（賦值方式和上面是一樣的）

復(fù)制代碼代碼如下:

var arr = new Array(3);

arr[0] = "arr0";

arr[1] = "arr1";

arr[2] = "arr2";

--->new Array(element0, element1, ..., elementn);//直接將數(shù)組內(nèi)容定義好

復(fù)制代碼代碼如下:

var arr = new Array("arr0","arr1","arr2");

此時可以知道：

復(fù)制代碼代碼如下:

arr[0] == "arr0";

arr[1] == "arr1";

arr[2] == "arr2";

2、Array對象屬性

Array常見的屬性有三個：constructor、length和prototype

--->constructor，顧名思義，就是一個構(gòu)造器，即這個對象是由什么構(gòu)成的，再通俗一點就是這個對象的類型，見下面例子

復(fù)制代碼代碼如下:

var arr = new Array(3);

if(arr.constructor==Array)

{

   document.write("This is an Array");

}

if (test.constructor==Boolean)

{

   document.write("This is a Boolean");

}

if (test.constructor==Date)

{

   document.write("This is a Date");

}

if (test.constructor==String)

{

   document.write("This is a String");

}

上面的輸出結(jié)果是：This is an Array

--->length，即Array的長度

復(fù)制代碼代碼如下:

var arr = new Array(3);

document.write(arr.length);//輸出結(jié)果是3

注意，在Javascript中是可以修改Array對象的屬性的，

因此：

復(fù)制代碼代碼如下:

arr.length=5;

document.write(arr.length);//輸出結(jié)果是5

--->prototype,使您有能力向?qū)ο筇砑訉傩院头椒ā?/p>

復(fù)制代碼代碼如下:

function myarray(name,age)//定義一個類，此類目前有兩個屬性

{

   this.name = name;

   this.age = age;

}

var myarr = new myarray("john",25);

myarray.prototype.test = null;//為myarray類添加了一個屬性

myarr.test = "test";

alert(myarr.test);//輸出test

3、concat()方法--->連接兩個或多個數(shù)組

它有兩種使用方式：

--->連接實際數(shù)據(jù)
例：

復(fù)制代碼代碼如下:

var arr = new Array(1,2,3);

alert(arr.concat(4,5));//輸出1,2,3,4,5

--->連接兩個或多個數(shù)組

復(fù)制代碼代碼如下:

var arr1 = new Array(1,2,3);

var arr2 = [4,5];

var arr3 = new Array("jone","john");

alert(arr1.concat(arr2,arr3));//輸出1,2,3,4,5,jone,john

4、join()方法--->數(shù)組中的元素放入一個字符串

它可以有參數(shù)或者無參，參數(shù)代表的是對生成的字符串的分割方式

--->無參

復(fù)制代碼代碼如下:

var arr = new Array("jone","Grrgy","john");

alert(arr.join());//輸出jone,Grrgy,john  字符串中間以,隔開

--->有參

復(fù)制代碼代碼如下:

var arr = new Array("jone","Grrgy","john");

alert(arr.join("."));//輸出jone.Grrgy.john   字符串中間以參數(shù)隔開

5、pop()方法用于刪除并返回數(shù)組的最后一個元素（刪除前）

復(fù)制代碼代碼如下:

var arr = new Array("jone","john","grrgy");

document.write(arr.pop());//輸出內(nèi)容：grrgy

document.write(arr.join("-"));//輸出：jone-john

6、push()方法用于向數(shù)組最后添加一個元素，并返回數(shù)組的長度（添加后）

假如push()中參數(shù)為空（不填寫），則返回數(shù)組原長度，不會對數(shù)組做任何修改
例：

復(fù)制代碼代碼如下:

var arr = ["jone","john","grrgy"];

document.write(arr.push("tom"));//輸出：4（長度）

document.write(arr.join());//輸出：jone,john,grrgy,tom

7、reverse()顛倒數(shù)組中元素的順序，無參

例：

復(fù)制代碼代碼如下:

var arr = ["jone","john","grrgy"];

document.write(arr.reverse());//grrgy,john,jone

8、shift()刪除并返回數(shù)組的第一個元素（刪除前）

復(fù)制代碼代碼如下:

var arr = ["jone","john","grrgy"];

document.write(arr.shift());//輸出：jone

document.write(arr.join());//輸出：jone,john

9、slice()從指定的數(shù)組中返回指定的元素，注：它返回的是一個數(shù)組

它的參數(shù)有兩個，start和end，
start為必選，指定的是開始元素的位置
end為可選，指定的結(jié)束元素的位置，假如不寫，則認為是到數(shù)組結(jié)尾
例：

復(fù)制代碼代碼如下:

var arr = ["jone","john","grrgy","tom","hell"];

var test = arr.slice(1);

if(test.constructor==Array)

{

   document.write("This is an Array<br>");

   document.write(test.join());

}

最后結(jié)果輸出：

This is an Array
john,grrgy,tom,hell

若將var test = arr.slice(1)改為：
var test = arr.slice(1,2);
結(jié)果輸出為：
john

10、sort()對數(shù)組的元素進行排序，非常重要的一個方法

它可以有參數(shù)，參數(shù)為一個function()，此function規(guī)定了排序的規(guī)則,
注，它生出的是原數(shù)組的副本，不會生成新的數(shù)組，即在原數(shù)組的基礎(chǔ)上進行修改
假如不添加參數(shù)的話，那么會按照Javascript中內(nèi)置的排序方式進行，字母順序
例：

復(fù)制代碼代碼如下:

var arr = ["jone","john","grrgy","tom","hell"];

document.write(arr.sort());

document.write("<br>");

document.write(arr);

輸出結(jié)果為：
grrgy,hell,john,jone,tom
grrgy,hell,john,jone,tom

下面是按照數(shù)字大小進行排序

復(fù)制代碼代碼如下:

function sortNumber(a,b)// 定義排序規(guī)則的函數(shù)
{
 if(a>b)
 {
 return 1;
 }
 else if(a<b)
 {
 return -1;
 }
 else
 {
 return 0;
 }

}
var arr = new Array(1,2000,3,400);
document.write(arr.sort(sortNumber));//此處只寫函數(shù)名即可
document.write(" ");
document.write(arr);

輸出：

1,3,400,2000
1,3,400,2000

11、splice()刪除元素并向數(shù)組中添加元素

splice(index,howmany,element1,element2.....elementx)說明如下：
index為必需項，規(guī)定從何處添加/刪除元素。該參數(shù)是開始插入和（或）刪除的數(shù)組元素的下標(biāo)，必須是數(shù)字。
howmany為必需。規(guī)定應(yīng)該刪除多少元素。必須是數(shù)字，但可以是 "0"。如果未規(guī)定此參數(shù)，則刪除從 index 開始到原數(shù)組結(jié)尾的所有元素。
當(dāng)howmany為0，則表示不刪除任何元素，言外之意就是只添加
element1為可選，規(guī)定要添加到數(shù)組的新元素。從 index 所指的下標(biāo)處開始插入，可以插入多個
splice()和slice()的區(qū)別在于，splice()是對原數(shù)組進行的處理，它修改了原數(shù)組的值，返回一個數(shù)組。
splice()相當(dāng)于針對數(shù)組中某個元素進行替換，或者是插入或者是刪除

看下面三個例子：

--->只插入

復(fù)制代碼代碼如下:

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 + " ");
arr.splice(2,0,"William");
document.write(arr + " ");

輸出結(jié)果：
George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin
William插入到了2的位置

--->只刪除

復(fù)制代碼代碼如下:

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 + " ");
arr.splice(2,1);
document.write(arr + " ");

輸出結(jié)果：
George,John,Thomas,James,Adrew,Martin
George,John,James,Adrew,Martin
刪除了原先數(shù)組2位置的元素

--->既刪除又添加（相當(dāng)于替換）

復(fù)制代碼代碼如下:

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 + " ");
arr.splice(2,1,"William");
document.write(arr + " ");

輸出結(jié)果：
George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin
將原先的Thomas替換成了William

12、toSource()返回對象的源代碼，此方法一般位于Javascript的后臺自動調(diào)用，很少在前臺使用且此方法無法在IE瀏覽器實現(xiàn),例：在firefox中

復(fù)制代碼代碼如下:

var myarr = new Array('lisi',25);

document.write(myarr.toSource());

輸出結(jié)果為：
["lisi", 25]

假如重新定義一個類，則可以將屬性名顯示出來，例：

復(fù)制代碼代碼如下:

function myarray(name,age)

{

    this.name = name;

    this.age = age;

}

var myarr = new myarray('lisi',25);

document.write(myarr.toSource());

輸出結(jié)果為：
({name:"lisi", age:25})
有點類似于Json類型的數(shù)據(jù)，但其實僅僅是相似而已，它并不是一種Json數(shù)據(jù)類型格式

13、toString(),數(shù)組返回成字符串,它和join()實現(xiàn)的結(jié)果一樣，但是join()方法可以自定義間隔的符號而toString()則不可以，只能以,隔開，例：

復(fù)制代碼代碼如下:

var myarr = new Array('jone','john','Tom');

document.write(myarr.join('.'));

document.write('<br>');

document.write(myarr.join(','));

document.write('<br>');

document.write(myarr.join());

document.write('<br>');

document.write(myarr.toString());

輸出結(jié)果為：
jone.john.Tom
jone,john,Tom
jone,john,Tom
jone,john,Tom
可以看出后三種方法結(jié)果是一樣的

14、unshift()，可以向數(shù)組的開頭添加一個或多個元素并且返回數(shù)組的新長度，且原來的數(shù)組將會改變

復(fù)制代碼代碼如下:

unshift(element1,element2,element3....)，最起碼有一個元素,例：

var myarr = new Array('jone','john','Tom');

var length = myarr.unshift('zhangsan','lisi');

document.write(myarr);

document.write('<br>');

document.write(length);

輸出結(jié)果為：
zhangsan,lisi,jone,john,Tom
5

查看更多JavaScript的語法，大家可以關(guān)注：《JavaScript 參考教程》、《JavaScript代碼風(fēng)格指南》，也希望大家多多支持腳本之家。

您可能感興趣的文章: