天天看點

數組的一些操作方法,如join(),split(),slice()等

數組的一些方法:

1.join()和split()方法

<script type="text/javascript">

var x;

var a=new Array();

a[0]="XHTML";

a[1]="CSS";

a[2]="JavaScript";

alert(a.join());

alert(typeof(a.join));

alert(typeof(a));

</script>

join() 方法用于把數組中的所有元素放入一個字元串。

元素是通過指定的分隔符進行分隔的。

指定分隔符方法join("#");其中#可以是任意

與之相反的是split()方法:用于把一個字元串分割成字元串數組.

stringObject.split(a,b)這是它的文法

a是必須的決定個從a這分割

b不是必須的,可選。該參數可指定傳回的數組的最大長度 。如果設定了該參數,傳回的子串不會多于這個參數指定的數組。如果沒有設定該參數,整個字元串都會被分割,不考慮它的長度。

注意傳回的數組中不包括a本身;

提示和注釋

注釋:如果把空字元串 ("") 用作 a,那麼 stringObject 中的每個字元之間都會被分割。

注釋:String.split() 執行的操作與 Array.join 執行的操作是相反的。

看例子

var str="how are you?";

document.write(str.split("")+"<br />");

document.write(str.split(" ")+"<br />");

document.write(str.split("",3)+"<br />");

傳回

h,o,w, ,a,r,e, ,y,o,u,?

how,are,you?

h,o,w

一下兩種可以把句子分割成單詞

var words = sentence.split(' ')或者使用正規表達式作為 a:

var words = sentence.split(//s+/)

2.

reverse()方法

reverse() 方法用于颠倒數組中元素的順序。

文法:

arrayObject.reverse()

注意:該方法會改變原來的數組,而不會建立新的數組。

var a=["xhtml","css","javascript"];

var b=a.reverse();

document.write(a);

document.write(b);

var b=a.reverse();相當于

a.reverse();

var b=a;

reverse()方法會改變原來的數組,是以上例的傳回值a這個數組也改變!

3.

sort()方法

sort() 方法用于對數組的元素進行排序。

文法:arrayObject.sort(sortby)

注意: 對數組的引用。請注意,數組在原數組上進行排序,不生成副本。

看這個例子說明這點

var a=["dd","cc","ee","aa"];

a.sort();

document.write(a+"<br />");

傳回 aa,cc,dd,ee

    aa,cc,dd,ee

其中sortby是可選的值

*如果調用該方法時沒有使用參數,将按字母順序對數組中的元素進行排序,說得更精确點,是按照字元編碼的順序進行排序。要實作這一點,首先應把數組的元素都轉換成字元串(如有必要),以便進行比較。

*如果想按照其他标準進行排序,就需要提供比較函數,該函數要比較兩個值,然後傳回一個用于說明這兩個值的相對順序的數字。比較函數應該具有兩個參數 a 和 b,其傳回值如下:

若 a 小于 b,在排序後的數組中 a 應該出現在 b 之前,則傳回一個小于 0 的值。

若 a 等于 b,則傳回 0。

若 a 大于 b,則傳回一個大于 0 的值。

例子:

function myfunction(x,y){

 return x-y;

}

var a=new Array(3);

a[0]="1111";

a[1]="22";

a[2]="333";

alert(a);

alert(a.sort());

alert(a.sort(myfunction));

有參數的排序由參數的大小決定

可以這麼了解

要判斷的是數組裡面任意兩個成員的值,而傳回值決定了這兩個成員按什麼規律排序

這裡因為原數組裡都是數值型,是以這裡的x,y就是數值型,x>y時傳回正值,是以x将放在y後面,x=y時不變,x<y時傳回負值此時x将位于y之前

4.slice()方法

可從已有的數組中傳回標明的元素.

文法

arrayObject.slice(start,end)

start 必需。規定從何處開始選取。如果是負數,那麼它規定從數組尾部開始算起的位置。也就是說,-1 指最後一個元素,-2 指倒數第二個元素,以此類推。

end 可選。規定從何處結束選取。該參數是數組片斷結束處的數組下标。如果沒有指定該參數,那麼切分的數組包含從 start 到數組結束的所有元素。如果這個參數是負數,那麼它規定的是從數組尾部開始算起的元素。

傳回值

傳回一個新的數組,包含從 start 到 end (不包括該元素)的 arrayObject 中的元素。

注意不包含end元素!!!!!!!!!!!

該方法并不會修改數組,而是傳回一個子數組。

如果想删除數組中的一段元素,應該使用方法 Array.splice()。

start和end都是數組下标數字,且傳回的數組裡不包括end

slice不會改變 原來的數組

var a=[99,8,2,6,4,4,6];

b=a.slice(1,4);

document.write(b+"<br />");

8,2,6

99,8,2,6,4,4,6

5.看下splice()方法

用于插入、删除或替換數組的元素。

arrayObject.splice(index,howmany,element1,.....,elementX)

參數描述:

index 必需。規定從何處添加/删除元素。

該參數是開始插入和(或)删除的數組元素的下标,必須是數字。

howmany 必需。規定應該删除多少元素。必須是數字,但可以是 "0"。

如果未規定此參數,則删除從 index 開始到原數組結尾的所有元素。

element1 可選。規定要添加到數組的新元素。從 index 所指的下标處開始插入。

elementX 可選。可向數組添加若幹元素。

如果從 arrayObject 中删除了元素,則傳回的是含有被删除的元素的數組。

var a=[11,22,33];

b=a.splice(0,1,"x","y",[6,7,8]);

document.write(b+"<br />");//傳回被删除的元素的數組

a=a.join("|");

document.write(a);//splice()不能将它的參數展開,concat()可以``

傳回:

x|y|6,7,8|22|33

說明

splice() 方法可删除從 index 處開始的零個或多個元素,并且用參數清單中聲明的一個或多個值來替換那些被删除的元素。

splice會直接對數組進行修改

例子一:

b=a.splice(1,4,"x","y");

8,2,6,4

99,x,y,4,6

例子二:

var a  = [1,2,3];

a = a.splice(0,2);

alert(a);  // 輸出 1, 2   這裡a=[1,2]

a = a.splice(1,2);

alert(a);  //  輸出 2   這裡a=[2]

alert(a);  //  沒有删除任何數組 , 輸出 空 數組

更好的說明了splice會直接對數組進行修改

注意:和concat() 不同,splice并不将他插入的參數展開。也就是如果插入一個數組,他就是插入數組本身,還不是數組的元素。

而concat()插入數組的話,就會把數組展開,插入數組中的元素,不過當插入的數組裡

還有數組的時候,就不會展開了。

6.concat()方法

concat() 方法用于連接配接兩個或多個數組。

注意:該方法不會改變現有的數組 ,而僅僅會傳回被連接配接數組的一個副本。

arrayObject.concat(arrayX,arrayX,......,arrayX)

它傳回一個新的數組。該數組是通過把所有 arrayX 參數添加到 arrayObject 中生成的。如果要進行 concat() 操作的參數是數組,那麼添加的是數組中的元素,而不是數組。

var a=[1,2,3];

var b=a.concat(1);

document.write(b+"<br />");//傳回1,2,3,1

當參數是數組時,添加的是數組中的元素

當參數裡包含數組時,傳回的數組不能拆開

例子

var b=[3,4,[5,6,7]];

var c=a.concat(b);

d=c.join("#")

document.write(a+"<br />");//1,2,3

document.write(b+"<br />");//3,4,5,6,7

document.write(c+"<br />");//1,2,3,3,4,5,6,7

document.write(d);//1#2#3#3#4#5,6,7

代碼一:

var b=[a,b,c];

var c=["x","y","z"];

var js=a.concat(b,c);

document.write(js+"<br />");

document.write(js.join("|"))

1|2|3|1,2,3|||x|y|z

這裡為什麼會傳回一些空值??

我了解:

因為var b=[a,b,c]裡面的a已經賦了值是以傳回1,2,3  而b c還沒有指派是以傳回一個空白···

下面這個沒有個變量a指派,傳回了undefined

代碼二:

var a;

但是如果是聲明的a為一個數組的話就傳回了空白··

7.

push() 方法 可向數組的末尾添加一個或多個元素,并傳回新的長度 。 // 注意是傳回一個長度

arrayObject.push(newelement1,newelement2,....,newelementX)參數 描述

newelement1 必需。要添加到數組的第一個元素。

newelement2 可選。要添加到數組的第二個元素。

newelementX 可選。可添加多個元素。

把指定的值添加到數組後的新長度。

push() 方法可把它的參數順序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是建立一個新的數組。 push() 方法和 pop() 方法使用數組提供的先進後出棧的功能。

注釋:該方法會改變數組的長度。

提示:要想數組的開頭添加一個或多個元素,請使用 unshift() 方法。

例子(unshift和push類似)

var array1 = new Array("1","2","3","4");

   array1.push("5");

   document.write(array1+"<br />");

   document.write(array1);   //傳回值一樣說明該方法直接修改了數組

另一對:

shift() 方法用于把數組的第一個元素從其中删除,并傳回第一個元素的值。

   document.write(array1+"<br />"); //輸出  1, 2 ,3 ,4,5

   array2=array1.shift()

   document.write(array2+"<br />"); //輸出1

   document.write(array1);//輸出  1, 2 ,3 ,4

pop()為删除最後一個元素,且傳回最後一個元素

  array1.push("5");

   array1.pop()

   document.write(array1+"<br />");//輸出  1, 2 ,3 ,4

   document.write(array1.pop());//輸出4

     本文轉自韓立偉 51CTO部落格,原文連結:http://blog.51cto.com/hanchaohan/1218021,如需轉載請自行聯系原作者

繼續閱讀