1、創建Array對象方法:
--->var arr = [1,2,3];//簡單的定義方法
此時可以知道
arr[0] == 1; arr[1] == 2; arr[2] == 3; --->new Array(); var arr = new Array();//定義一個沒有任何內容的數組對象,然後以下面的方式為其賦值 arr[0] = "arr0"; arr[1] = "arr1"; arr[2] = "arr2"; --->new Array(size);//定義一個大小有限制的數組對象,然後以下面的方式賦值(賦值方式和上面是一樣的) var arr = new Array(3); arr[0] = "arr0"; arr[1] = "arr1"; arr[2] = "arr2"; --->new Array(element0, element1, ..., elementn);//直接將數組內容定義好 var arr = new Array("arr0","arr1","arr2");
此時可以知道:
arr[0] == "arr0"; arr[1] == "arr1"; arr[2] == "arr2";
2、Array對象屬性
Array常見的屬性有三個:constructor、length和prototype
--->constructor,顧名思義,就是一個構造器,即這個對象是由什麼構成的,再通俗一點就是這個對象的類型,見下面例子
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"); }
上面的輸出結果是:This is an Array
--->length,即Array的長度 var arr = new Array(3); document.write(arr.length);//輸出結果是3
注意,在Javascript中是可以修改Array對象的屬性的,
因此:
arr.length=5; document.write(arr.length);//輸出結果是5 --->prototype,使您有能力向對象添加屬性和方法。 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()方法--->連接兩個或多個數組
它有兩種使用方式:
--->連接實際數據
例:
var arr = new Array(1,2,3); alert(arr.concat(4,5));//輸出1,2,3,4,5
--->連接兩個或多個數組
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()方法--->數組中的元素放入一個字符串
它可以有參數或者無參,參數代表的是對生成的字符串的分割方式
--->無參 var arr = new Array("jone","Grrgy","john"); alert(arr.join());//輸出jone,Grrgy,john 字符串中間以,隔開 --->有參 var arr = new Array("jone","Grrgy","john"); alert(arr.join("."));//輸出jone.Grrgy.john 字符串中間以參數隔開
5、pop()方法用於刪除並返回數組的最後一個元素(刪除前)
var arr = new Array("jone","john","grrgy"); document.write(arr.pop());//輸出內容:grrgy document.write(arr.join("-"));//輸出:jone-john
6、push()方法用於向數組最後添加一個元素,並返回數組的長度(添加後)
假如push()中參數為空(不填寫),則返回數組原長度,不會對數組做任何修改
例:
var arr = ["jone","john","grrgy"]; document.write(arr.push("tom"));//輸出:4(長度) document.write(arr.join());//輸出:jone,john,grrgy,tom
7、reverse()顛倒數組中元素的順序,無參
例:
var arr = ["jone","john","grrgy"]; document.write(arr.reverse());//grrgy,john,jone
8、shift()刪除並返回數組的第一個元素(刪除前)
var arr = ["jone","john","grrgy"]; document.write(arr.shift());//輸出:jone document.write(arr.join());//輸出:jone,john
9、slice()從指定的數組中返回指定的元素,注:它返回的是一個數組
它的參數有兩個,start和end,
start為必選,指定的是開始元素的位置
end為可選,指定的結束元素的位置,假如不寫,則認為是到數組結尾
例:
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()); }
最後結果輸出:
This is an Array
john,grrgy,tom,hell
若將var test = arr.slice(1)改為:
var test = arr.slice(1,2);
結果輸出為:
john
10、sort()對數組的元素進行排序,非常重要的一個方法
它可以有參數,參數為一個function(),此function規定了排序的規則,
注,它生出的是原數組的副本,不會生成新的數組,即在原數組的基礎上進行修改
假如不添加參數的話,那麼會按照Javascript中內置的排序方式進行,字母順序
例:
var arr = ["jone","john","grrgy","tom","hell"]; document.write(arr.sort()); document.write("<br>"); document.write(arr);
輸出結果為:
grrgy,hell,john,jone,tom
grrgy,hell,john,jone,tom
下面是按照數字大小進行排序
function sortNumber(a,b)// 定義排序規則的函數 { 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));//此處只寫函數名即可 document.write("<br>"); document.write(arr);
輸出:
1,3,400,2000
1,3,400,2000
11、splice()刪除元素並向數組中添加元素
splice(index,howmany,element1,element2.....elementx)說明如下:
index為必需項,規定從何處添加/刪除元素。該參數是開始插入和(或)刪除的數組元素的下標,必須是數字。
howmany為必需。規定應該刪除多少元素。必須是數字,但可以是 "0"。如果未規定此參數,則刪除從 index 開始到原數組結尾的所有元素。
當howmany為0,則表示不刪除任何元素,言外之意就是只添加
element1為可選,規定要添加到數組的新元素。從 index 所指的下標處開始插入,可以插入多個
splice()和slice()的區別在於,splice()是對原數組進行的處理,它修改了原數組的值,返回一個數組。
splice()相當於針對數組中某個元素進行替換,或者是插入或者是刪除
看下面三個例子:
--->只插入 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 + "<br />"); arr.splice(2,0,"William"); document.write(arr + "<br />");
輸出結果:
George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin
William插入到了2的位置
--->只刪除 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 + "<br />"); arr.splice(2,1); document.write(arr + "<br />");
輸出結果:
George,John,Thomas,James,Adrew,Martin
George,John,James,Adrew,Martin
刪除了原先數組2位置的元素
--->既刪除又添加(相當於替換) 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 + "<br />"); arr.splice(2,1,"William"); document.write(arr + "<br />");
輸出結果:
George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin
將原先的Thomas替換成了William
12、toSource()返回對象的源代碼,此方法一般位於Javascript的後台自動調用,很少在前台使用
且此方法無法在IE浏覽器實現,例:在firefox中
var myarr = new Array('lisi',25); document.write(myarr.toSource());
輸出結果為:
["lisi", 25]
假如重新定義一個類,則可以將屬性名顯示出來,例:
function myarray(name,age) { this.name = name; this.age = age; } var myarr = new myarray('lisi',25); document.write(myarr.toSource());
輸出結果為:
({name:"lisi", age:25})
有點類似於Json類型的數據,但其實僅僅是相似而已,它並不是一種Json數據類型格式
13、toString(),數組返回成字符串,它和join()實現的結果一樣,但是join()方法可以自定義間隔的符號
而toString()則不可以,只能以,隔開,例:
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());
輸出結果為:
jone.john.Tom
jone,john,Tom
jone,john,Tom
jone,john,Tom
可以看出後三種方法結果是一樣的
14、unshift(),可以向數組的開頭添加一個或多個元素並且返回數組的新長度,且原來的數組將會改變
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);
輸出結果為:
zhangsan,lisi,jone,john,Tom
5
以上所述是小編給大家介紹的JavaScript中的Array 對象(數組對象)的相關知識,希望對大家有所幫助!