首頁  >  文章  >  web前端  >  JavaScript數組常用操作

JavaScript數組常用操作

高洛峰
高洛峰原創
2016-11-25 12:01:06867瀏覽

1.創建數組
只是聲明了數組,並不包含具體資料。
Java程式碼 
var checkboxlist = new array(); 

建立陣列並指定長度,這個長度5是可以變的,可以自動成長。
Java程式碼 
var checkboxlist = new array(5); 

建立數組,並初始化了三個元素。
Java程式碼 
var checkboxlist = new array("1111","2222","3333"); 

2.陣列操作
2.1 push() 陣列結尾新增元素,傳回數組最新長度將字串」將其中00100130013尺寸,傳回數組最新長度將字串*」 "放入數組末尾

Java代碼 

checkboxlist.push("userid001"); 

一次添加兩個元素,"aaaa"與"bbbb"

Java代碼 

checkboxlist.push("aaaa","bbbb");

2.2 unshift() 陣列開頭,插入元素,原有元素後移

在陣列開頭插入兩個元素。

(有資料說回傳值是陣列最新長度,不過我在ie6測回傳是"undefined")
Java程式碼 
checkboxlist.unshift("aaaa","bbbb"); 

2.3 pop() 移出陣列的結尾一個元素,並傳回該元素。

程式碼:

Java程式碼 
checkboxlist.pop(); 

2.3 shift() 移出陣列開頭的一個元素,並回傳該元素

程式碼:

Java替換)或移除多個元素
移除範例:
splice(delindex,delcount);
delindex:開始移除的位置,也就是陣列的下標,從0開始。

delcount:移除元素的個數。

從陣列的第一個元素開始,移除2個元素。
Java程式碼 
checkboxlist.splice(0,2); 

如:執行完checkboxlist.splice(1,2)後,陣列由原來的4個元素變成了只有"1111","4444"兩個元素。
Java程式碼 
var checkboxlist = new array();checkboxlist.push("1111");checkboxlist.push("2222");checkboxlist.push("3333");checkboxlist.push("4444");//從陣列的第二個元素開始,移除2個元素。 checkboxlist.splice(1,2);alert(checkboxlist); 

插入(替換)範例:

splice(addindex,replacecount,elememt...);
addindex:插入(替換)起始位置,也就是陣列的下標,從0開始。
replacecount:需要替換元素的個數。

elememt...:新的元素,可以是一個或多個。


當replacecount小於等於0時,只進行添加。
如:在checkboxlist數組的第1個元素("1111")後插入"aaaa","bbbb"兩個元素。
Java代碼 
var checkboxlist = new array("1111","2222","3333","4444","5555");checkboxlist.splice(1,0,""","bbbb");alert(bb");alert(bb");alert(bb");alert(bb");alert checkboxlist); 

當replacecount大於0時,會元素會被替換。
如:將checkboxlist數組的第1個元素("1111")後的一個元素(也就是"2222")替換成"aaaa","bbbb"。下面程式碼中的checkboxlist最新值為:"1111","aaaa","bbbb","3333","4444","5555"
Java程式碼 
var checkboxlist = new array("1111","2222", "3333","4444","5555");checkboxlist.splice(1,1,"aaaa","bbbb");alert(checkboxlist); 

如果replacecount參數的值大於數組的長度,那將會替換掉addindex參數開始的所有元素。執行完後checkboxlist的元素變為:"1111","aaaa","bbbb"
Java代碼 
var checkboxlist = new array("1111","2222","3333","4444","5555") ;checkboxlist.splice(1,9,"aaaa","bbbb");alert(checkboxlist); 

2.5 reverse() 陣列元素順序反轉

Java程式碼 
checkboxlist.reverse(); 
(2.將數組元素依自然順序排序

Java代碼 

checkboxlist.sort(); 

2.7 concat() 拷貝另一個數組,產生新的數組,並返回

alllist中的元素為checkboxlist與radiolist中的元素的合集

alllist中的元素為checkboxlist與radiolist中的元素的合集
Java程式碼 
var checkboxlist = new array("1111","2222");var radiolist = new array("aaaa","bbbb");var alllist = checkboxlist.concat(radiolist); 

2.8 slice(指定序號後的元素,產生新的數組,並傳回
slice(index)
index:拷貝開始位置,也就是陣列的下標,從0開始。
當index大於數組元素個數時,返回空數組

拷貝checkboxlist第一個元素後的所有元素到新的temparray 數組,原始checkboxlist不發生變化。
Java代碼 
var checkboxlist = new array("1111","2222","3333");var temparray = checkboxlist.slice(1); 

2.9 join() 字串操作
join(separator);
separator:新增的分隔符,可以為""空字串。

可以於高效字串相加。比直接字串相加效率高很多。
程式碼範例:
Java程式碼 
var checkboxlist = new array("1111","2222","3333","4444");var strdata = chlist.join("|");alert(strdata);

2.10 length 屬性

length 傳回數組長度,也就是元素個數。

Java代碼 
var checkboxlist = new array("1111","2222","3333","4444");alert(checkboxlist.length); 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn