JavaScript中的Array 對象(數(shù)組對象)
來源:易賢網(wǎng) 閱讀:927 次 日期:2016-06-16 17:30:22
溫馨提示:易賢網(wǎng)小編為您整理了“JavaScript中的Array 對象(數(shù)組對象)”,方便廣大網(wǎng)友查閱!

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

--->var arr = [1,2,3];//簡單的定義方法

此時(shí)可以知道

arr[0] == 1;

arr[1] == 2;

arr[2] == 3;

--->new Array();

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

arr[0] = "arr0";

arr[1] = "arr1";

arr[2] = "arr2";

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

var arr = new Array(3);

arr[0] = "arr0";

arr[1] = "arr1";

arr[2] = "arr2";

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

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

此時(shí)可以知道:

arr[0] == "arr0";

arr[1] == "arr1";

arr[2] == "arr2";

2、Array對象屬性

Array常見的屬性有三個(gè):constructor、length和prototype

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

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的長度

var arr = new Array(3);

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

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

因此:

arr.length=5;

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

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

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

{

this.name = name;

this.age = age;

}

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

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

myarr.test = "test";

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

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

它有兩種使用方式:

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

例:

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

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

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

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ù)組中的元素放入一個(gè)字符串

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

--->無參

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 字符串中間以參數(shù)隔開

5、pop()方法用于刪除并返回?cái)?shù)組的最后一個(gè)元素(刪除前)

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

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

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

6、push()方法用于向數(shù)組最后添加一個(gè)元素,并返回?cái)?shù)組的長度(添加后)

假如push()中參數(shù)為空(不填寫),則返回?cái)?shù)組原長度,不會(huì)對數(shù)組做任何修改

例:

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

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

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

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

例:

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

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

8、shift()刪除并返回?cái)?shù)組的第一個(gè)元素(刪除前)

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

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

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

9、slice()從指定的數(shù)組中返回指定的元素,注:它返回的是一個(gè)數(shù)組

它的參數(shù)有兩個(gè),start和end,

start為必選,指定的是開始元素的位置

end為可選,指定的結(jié)束元素的位置,假如不寫,則認(rèn)為是到數(shù)組結(jié)尾

例:

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ù)組的元素進(jìn)行排序,非常重要的一個(gè)方法

它可以有參數(shù),參數(shù)為一個(gè)function(),此function規(guī)定了排序的規(guī)則,

注,它生出的是原數(shù)組的副本,不會(huì)生成新的數(shù)組,即在原數(shù)組的基礎(chǔ)上進(jìn)行修改

假如不添加參數(shù)的話,那么會(huì)按照J(rèn)avascript中內(nèi)置的排序方式進(jìn)行,字母順序

例:

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ù)字大小進(jìn)行排序

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("<br>");

document.write(arr);

輸出:

1,3,400,2000

1,3,400,2000

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

splice(index,howmany,element1,element2.....elementx)說明如下:

index為必需項(xiàng),規(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)處開始插入,可以插入多個(gè)

splice()和slice()的區(qū)別在于,splice()是對原數(shù)組進(jìn)行的處理,它修改了原數(shù)組的值,返回一個(gè)數(shù)組。

splice()相當(dāng)于針對數(shù)組中某個(gè)元素進(jìn)行替換,或者是插入或者是刪除

看下面三個(gè)例子:

--->只插入

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 />");

輸出結(jié)果:

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 />");

輸出結(jié)果:

George,John,Thomas,James,Adrew,Martin

George,John,James,Adrew,Martin

刪除了原先數(shù)組2位置的元素

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

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 />");

輸出結(jié)果:

George,John,Thomas,James,Adrew,Martin

George,John,William,James,Adrew,Martin

將原先的Thomas替換成了William

12、toSource()返回對象的源代碼,此方法一般位于Javascript的后臺(tái)自動(dòng)調(diào)用,很少在前臺(tái)使用

且此方法無法在IE瀏覽器實(shí)現(xiàn),例:在firefox中

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

document.write(myarr.toSource());

輸出結(jié)果為:

["lisi", 25]

假如重新定義一個(gè)類,則可以將屬性名顯示出來,例:

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})

有點(diǎn)類似于Json類型的數(shù)據(jù),但其實(shí)僅僅是相似而已,它并不是一種Json數(shù)據(jù)類型格式

13、toString(),數(shù)組返回成字符串,它和join()實(shí)現(xiàn)的結(jié)果一樣,但是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());

輸出結(jié)果為:

jone.john.Tom

jone,john,Tom

jone,john,Tom

jone,john,Tom

可以看出后三種方法結(jié)果是一樣的

14、unshift(),可以向數(shù)組的開頭添加一個(gè)或多個(gè)元素并且返回?cái)?shù)組的新長度,且原來的數(shù)組將會(huì)改變

unshift(element1,element2,element3....),最起碼有一個(gè)元素,例:

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中的Array 對象(數(shù)組對象)的相關(guān)知識,希望對大家有所幫助

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:JavaScript中的Array 對象(數(shù)組對象)
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)