JS中陣列的使用

2021-06-17 01:21:16 字數 3347 閱讀 4762

1.一維陣列定義

1.1 定義方式一

var arr=new array();

arr[0]="andy";

arr[1]="bill";

arr[2]="cindy";

1.2 定義方式二

var arr=new array("andy","bill","cindy");

1.3 定義方式三

var arr=["andy","bill","cindy"];

2.二維陣列定義

var arr=new array(['a','b','c'],['d','e','f']);

arr[0]返回元素一即['a','b','c']

arr[0][0]返回元素一的第乙個元素即'a'

arr[1]返回元素二即['d','e','f']

或var arr=new array( new array('a','b','c'), new array('d','e','f') );

3.陣列的屬性及函式

3.1 length屬性

該屬性用於取得陣列的長度,如

var n=arr.length;

在程式設計中,此屬性常配合for迴圈對陣列元素進行遍歷,如

var arr=new array( new array('a','b','c'), new array('d','e','f') );

for(var i=0;i也可以採用如下遍歷方式:

var arr=new array( new array('a','b','c'), new array('d','e','f') );

for(var i=0,n=arr.length;i

4.在陣列末尾新增或刪除元素的函式

4.1 push

該函式能向陣列末尾增加乙個或多個元素,其返回值為增加元素後陣列的長度,如

var arr=new array(1,2,3,4 );    

var n=arr.push(5,6);

執行後,arr變成[1,2,3,4,5,6],n=6.

該函式能使陣列接近鍊錶的使用效果。

4.2 pop

該函式能刪除陣列末項,返回值為被刪除元素的值,如

var arr=new array(1,2,3,4 );    

var n=arr.pop();

執行後,arr變成[1,2,3],n=4.

5.對陣列開頭新增或刪除元素的函式

5.1 unshift

該函式能將乙個或多個函式新增到陣列開頭,並返回改變後的陣列長度

var arr=new array(1,2,3,4 );    

var n=arr.unshift(-1,0);

注意:ie6下,返回值n為undifined。ff下n為6.

5.2 shift

刪除陣列首項,並返回被刪除元素的值,陣列為空時返回undefined

var arr=new array(1,2,3,4 );    

var n=arr.shift();

6.與字串相關的函式

6.1 tostring

該函式能得到字串形式的陣列,如:

var arr=new array(1,2,3');     

var str=arr.tostring();

變數str將等於字串形式的1,2,3,分隔符為逗號.

6.2 join

得到字串形式的陣列,但分隔符為函式的引數

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

var str=arr.join('-');

變數str將等於字串形式的1-2-3,分隔符為「-」號.

6.3 陣列與string的split函式

js的內建string類有乙個函式與陣列有關,它能將字串劈分成乙個字串陣列,如

var str="1,2,3,4,5,6";

var arr=str.split(",");

for(var i=0,n=arr.length;i這就有了乙個快速由字串獲得陣列的途徑,在程式設計中這是個很有用的技巧。

7.與陣列排序有關的函式

7.1 sort

該函式無引數時,預設將陣列進行公升序排列

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

arr.sort();

排序後,陣列為[1,2,3]

也可以寫入乙個匿名函式作為比較規則,並讓陣列按此規則進行排序

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

arr.sort(function(a,b));

排序後,陣列為[3,2,1]

7.2 reverse

該函式可以使現有陣列逆序

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

arr.reverse();

逆序後,陣列為3,1,2

8.陣列擷取函式

8.1 slice

該函式以兩個下標從陣列中擷取一段成為乙個新陣列

var arr=new array(1,2,3,4,5);        

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

執行完畢後,arr2是[2,3],arr還是原來的[1,2,3,4,5]

8.2 splice

當以splice(start,deletecount)的形式被呼叫時,原陣列會從start開始刪除deletecount項,返回值是被刪除項組成的新陣列。如

var arr=[1,2,3,4,5];

var arr2=arr.splice(0,2);

alert(arr);// [3,4,5]

alert(arr2);// [1,2]

當以splice(start,deletecount,value1,value2,...)的形式被呼叫時,原陣列會從start開始刪除deletecount項,然後插入value1,value2,...,返回值是被刪除項組成的新陣列。如

var arr=[1,2,3,4,5];

var arr2=arr.splice(0,2,6,7);

alert(arr);// [6,7,3,4,5]

alert(arr2);// [1,2]

9.陣列的合併

9.1 concat

cancat可以將兩個陣列合併成乙個新陣列返回,如下:

var arr1=[1,2,3,4,5];

var arr2=[6,7];

var arr3=arr1.concat(arr2);

alert(arr1);// [1,2,3,4,5]

alert(arr2);// [6,7]

alert(arr3);// [1,2,3,4,5,6,7]

js中陣列如何使用

var arrayobj new array 建立乙個陣列 var arrayobj new array size 建立乙個陣列並指定長度,注意不是上限,是長度 var arrayobj new array element0 element1 elementn 建立乙個陣列並賦值 要說明的是,雖然第...

js陣列的使用

陣列 是乙個可以儲存大量資料的容器。陣列中可以存放任意的資料型別的資料 length 陣列中元素的個數 長度 特點 可以使用for迴圈來對陣列進行遍歷 pop 刪除陣列末尾的元素 刪除乙個 其它的方法 splice 返回值為刪除的元素 型別 陣列 arr.splice 1 3 從1開始,刪除3個元素...

js中的陣列

移除陣列 arr 中的所有值與 item 相等的元素。不要直接修改陣列 arr,結果返回新的陣列 自己寫的方法 題目要求不改變原陣列,所以我們可以宣告乙個陣列a用於儲存arr中不同於item的值,最後將a返回。function remove arr,item varfunction arr,item...