1. 程式人生 > >javascript常用陣列方法

javascript常用陣列方法

1、join()方法: 

Array.join()方法將陣列中所以元素都轉化為字串連結在一起,返回最後生成的字串。也可以指定可選的字串在生成的字串中來分隔陣列的各個元素。如果不指定分隔符,預設使用逗號。案例如下:

?

1

2

3

4

var a=[1,2,3];

a.join();//=> "1,2,3" 因為沒有指定分隔符,預設為逗號。

a.join("+");//=> "1+2+3" 指定分隔符為+

a.join("-");//=> "1-2-3" 指定分隔符為-

Array.join()方法是String.split()方法的逆操作,後者是將字串分割成若干塊建立一個數組。 

2、 reverse()方法: 

Array.reverse()方法將陣列中元素進行倒敘,返回倒敘的陣列,它是在原來陣列中進行倒敘,不產生的新陣列,返回就是原來的陣列,只不過裡面元素已經進行倒敘重排了。案例如下:

?

1

2

var a=[1,2,3];

a.reverse();// =>a=[3,2,1];

3、sort()方法: 

Array.sort()方法將陣列中的元素排序,並返回排序好的陣列。如果不傳引數預設以字母表順序進行排序。案例如下: 

?

1

2

3

4

var a=[4,3,1,2]

a.sort();// =>[1,2,3,4]

a.sort(function(a,b){return a-b;});//=>[1,2,3,4] 降序排列

a.sort(function(a,b){return b-a;});//=>[4,3,2,1] 升序排列

      這裡使用匿名函式很方便,因為函式只使用一次就沒有必要給函式命名了。 

4、concat(): 

Array.concat()方法建立並返回一個新陣列,新陣列中的元素包含呼叫陣列的元素和concat()中傳入引數的值,傳入的引數可以是單獨數值,也可以是陣列,concat()不會遞迴扁平化陣列的陣列。案例如下:

?

1

2

3

4

5

var a=[5,6,7];

a.concat(1,2);// =>[5,6,7,1,2];

a.concat([1,2]);// =>[5,6,7,1,2];

a.concat(3,[1,2]);// =>[5,6,7,3,1,2];

a.concat([1,[2,3]]);// =>[5,6,7,1,[2,3]];

5、slice()方法: 

Array.slice()方法返回指定陣列的一個片段或子陣列。裡面可以傳一個引數或兩個引數,引數可以為正也可以為負。案例如下: 

?

1

2

3

4

5

var a=[5,6,7,3,1,2];

a.slice(1)// =>[6,7,3,1,2] 數字引數指的是陣列的索引,一個引數表示開始的位置,不傳第二個引數預設為陣列中元素個數。

 a.slice(1,3)// =>[6,7] 第二引數是陣列索引結束位置,(不包含) index>=1&&index<3;

a.slice(1,-3)// =>[6,7] 當引數中有負數時候,可以進行轉換正數,方法就是-3+6(數組裡元素個數)

 a.slice(-3,-2)// =>[3] 同理如上。

6、splice()方法: 

Array.splice()方法是在陣列中插入或刪除的通用方法。它會修改呼叫的陣列,splice()可以傳入三個引數,第一引數表示刪除元素索引開始的地方,第二引數表示刪除元素總數,第三引數,表示插入的元素,元素插入的位置就是刪除元素開始的位置。案例如下:

?

1

2

3

4

var a=[5,6,7,3,1,2];

a.splice(2);// =>[7,3,1,2] a=[5,6];//傳入一個引數表示從索引開始刪除之後所有的元素。

a.splice(2,2);// =>[7,3]   a=[5,6,1,2];第二個引數表示刪除元素的個數。

a.splice(2,2,'a','b','c'); //=>[7,3] a=[5,6,'a','b','c',1,2];

7、push()和 unshift()方法: 

Array.push()方法就是向陣列最後面新增元素,它返回的是新陣列的長度;Array.unshift()方法就是向陣列最前面新增元素,返回的是新陣列的長度。案例如下:

?

1

2

3

var a=[1,2,3];

a.push(4,5);// a=[1,2,3,4,5]; 返回 值為5;

a.unshift(4,5);// a=[4,5,1,2,3]; 返回 值為5;☆傳的引數可以一個,也可以多個。

8、pop()和 shift()方法: 

Array.pop()方法就是刪除陣列中最後一個元素,它返回是刪除的元素;Array.shift()方法是刪除陣列最前面的元素,返回是刪除的元素。

?

1

2

3

var a=[5,6,7]; 

a.pop();// a=[5,6]; 返回值為 7 

a.shift();// a=[6,7]; 返回值 5