JavaScript 陣列的操作方法

2021-08-13 20:50:21 字數 2196 閱讀 7560

1.concat( )方法:基於當前陣列中的所有項建立乙個新陣列。具體來說,該方法先回建立當前

陣列的乙個副本,然後將接收到的引數新增到這個陣列的末尾,最後返回新構建的陣列。

具體來說,可分為以下三種情況:

(1)當沒有向concat( )傳遞引數時,它會複製當前陣列並返回當前陣列的乙個副本;如例1所示:

例1:var str=[1,3,2,'red','green'];

var arr0=

str.concat()

alert(arr0);//返回值仍是原來的陣列:1,3,2,red,green

(2)當傳遞的引數是乙個或多個陣列時,它會將陣列的每一項新增到結果陣列中;如例2所示:

例2:var str=[1,3,2,'red','green'];

var arr2=str.concat('111',['11','22','33']);

alert(arr2);//返回結果為:1,3,2,red,green,111,11,22,33

(3)當傳遞的值不是陣列,這些值就會被新增到陣列的末尾。如例3所示:

例3:var str=[1,3,2,'red','green'];

var arr1=str.concat("123");

alert(arr1); //返回結果為:1,3,2,red,green,123

2.slice( )方法:基於當前數中的乙個或多個項建立新陣列(副本)。

slice( )方法可以接受乙個或兩個引數,即要返回項的起始和結束位置。

分為兩種具體情況:

(1)當只有乙個引數時,slice( )方法返回從該引數指定位置開始到當前陣列末尾的所有項。

如例4所示:

例4:var str=[1,2,3,4,5,6,7];

var arr=str.slice(1);

var arr1=str.slice(3);

alert(arr); //返回值為:2,3,4,5,6,7

alert(arr1); //返回值為:4,5,6,7

(2)當接收兩個引數時:返回起始和結束位置之間的項,但不包括結束位置的項。

如例5所示:

例5:var str=[1,2,3,4,5,6,7];

var arr=str.slice(1,3);

var arr1=str.slice(3,4);

alert(arr);//返回值為:2,3

alert(arr1);//返回值為:4

3.splice( )方法:主要有以下三種用法:

(1)刪除:可以刪除任意數量的項,只需要指定2個引數:要刪除的第一項的

位置和藥刪除的項數。用法如例6所示:

例6:var str=[1,2,3,4,5,6,7];

var arr=str.splice(2,3);

alert(arr); //返回值是:3,4,5

alert(str); //返回值是:1,2,6,7

(2)插入:可以向指定位置插入任意數量的項,只需要提供3個引數:起始位置、

0(要刪除的項數)、要插入的項。如果要插入多個項,可以再傳入第4,第5

以至任意多個項。如例7所示:

例7:var str=[1,2,3,4,5,6,7];

var arr=str.splice(2,0,"color","green");

alert(arr); //返回的是空陣列

alert(str); //返回值:1,2,color,green,3,4,5,6,7

(3)替換:可以向指定位置插入任意數量的項,且同時刪除任意數量的項。只需指

定3個引數:起始位置要刪除的項數要插入的任意數量的項。插入的項數不必

與刪除的項數相等。如例8所示:

例8:var str=[1,2,3,4,5,6,7];

var arr=str.splice(2,1,"color","green");

alert(arr); //返回值為:3

alert(str); //返回值:1,2,color,green,4,5,6,7

JavaScript陣列的操作

建立乙個空的陣列 var arr new array 建立長度為5的空的陣列,只有乙個元素時,會把這個元素當成陣列的長度,從而建立乙個長度為該元素的值的陣列。如果只有乙個元素,而該元素又不是整型的數字時,會出現錯誤 uncaught syntaxerror unexpected token ille...

javascript陣列操作

push 尾部新增元素 unshift 頭部新增元素 var arr 3,5,34 arr.push 7 alert arr pop 從尾部刪除元素 shift 從頭部刪除元素 splice 起始位置,刪除的幾個,用新元素填補刪除位置 刪除元素 splice 1,2 從第二個元素往後刪除2個元素 新...

Javascript陣列及其操作

本文介紹如下幾個方面的內容 1.如何建立陣列 2.如何對陣列進行操作 新增,刪除,讀取 3.陣列常見方法和屬性 如何建立乙個陣列,一般地根據初始化設定簡單分為3種 1.單純建立陣列 var arr new array 要點 用new關鍵字建立陣列物件array array 物件是乙個本地類,可以用n...