js數組操做大全（pop,push,unshift,splice,shift方法）

js數組操做大全（pop,push,unshift,splice,shift方法）

shift：刪除原數組第一項，並返回刪除元素的值；若是數組爲空則返回undefined

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

var b = a.shift(); //a：[2,3,4,5] b：1

 

unshift：將參數添加到原數組開頭，並返回數組的長度

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

var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7

注：在IE6.0下測試返回值總爲undefined，FF2.0下測試返回值爲7，因此這個方法的返回值不可靠，須要用返回值時可用splice代替本方法來使用。

 

pop：刪除原數組最後一項，並返回刪除元素的值；若是數組爲空則返回undefined

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

var b = a.pop(); //a：[1,2,3,4] b：5

 

push：將參數添加到原數組末尾，並返回數組的長度

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

var b = a.push(6,7); //a：[1,2,3,4,5,6,7] b：7

 

concat：返回一個新數組，是將參數添加到原數組中構成的

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

var b = a.concat(6,7); //a：[1,2,3,4,5] b：[1,2,3,4,5,6,7]

 

splice(start,deleteCount,val1,val2,...)：從start位置開始刪除deleteCount項，並從該位置起插入val1,val2,...

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

var b = a.splice(2,2,7,8,9); //a：[1,2,7,8,9,5] b：[3,4]

var b = a.splice(0,1); //同shift

a.splice(0,0,-2,-1); var b = a.length; //同unshift

var b = a.splice(a.length-1,1); //同pop

a.splice(a.length,0,6,7); var b = a.length; //同push

 

reverse：將數組反序

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

var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1]

 

sort(orderfunction)：按指定的參數對數組進行排序

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

var b = a.sort(); //a：[1,2,3,4,5] b：[1,2,3,4,5]

 

slice(start,end)：返回從原數組中指定開始下標到結束下標之間的項組成的新數組

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

var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]

 

join(separator)：將數組的元素組起一個字符串，以separator爲分隔符，省略的話則用默認用逗號爲分隔符

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

var b = a.join("|"); //a：[1,2,3,4,5] b："1|2|3|4|5"

 

 

 

數組是JavaScript提供的一個內部對象，它是一個標準的集合，咱們能夠添加(push)、刪除(shift)裏面元素，咱們還能夠經過for循環遍歷裏面的元素，那麼除了數組咱們在JavaScript裏還能夠有別的集合嗎?

 

　　因爲JavaScript的語言特性，咱們能夠向通用對象動態添加和刪除屬性。因此Object也能夠當作是JS的一種特殊的集合。下面比較一下Array和Object的特性:

 

　　Array:

 

新建:var ary = new Array(); 或 var ary = [];

增長:ary.push(value);

刪除:delete ary[n];

遍歷:for ( var i=0 ; i < ary.length ; ++i ) ary[i];

 

　　Object:

 

新建:var obj = new Object(); 或 var obj = {};

增長:obj[key] = value; (key爲string)

刪除:delete obj[key];

遍歷:for ( var key in obj ) obj[key];

 

　　從上面的比較能夠看出Object徹底能夠做爲一個集合來使用，在使用Popup窗口建立無限級Web頁菜單(3)中我介紹過Eric實現的那個__MenuCache__，它也就是一個模擬的集合對象。

 

　　若是咱們要在Array中檢索出一個指定的值，咱們須要遍歷整個數組:

 

 

代碼：

var keyword = ;

　　for ( var i=0 ; i < ary.length ; ++i )

　　{

　　if ( ary[i] == keyword )

　　{

　　// todo

　　}

　　}

 

 

 

　　而咱們在Object中檢索一個指定的key的條目，只須要是要使用:

 

 

代碼：

var key = '';

　　var value = obj[key];

　　// todo

 

　Object的這個特性能夠用來高效的檢索Unique的字符串集合，遍歷Array的時間複雜度是O(n)，而遍歷Object的時間複雜度是O(1)。雖然對於10000次集合的for檢索代價也就幾十ms，但是若是是1000*1000次檢索或更多，使用Object的優點一下就體現出來了。在此以前我作了一個mapping，把100個Unique的字符mapping到1000個字符串數組上，耗時25-30s!後來把for遍歷改爲了Object模擬的集合的成員引用，一樣的數據量mapping，耗時僅1.7-2s!!!

 

　　對於集合的遍歷效率(從高到低):var value = obj[key]; > for ( ; ; ) > for ( in )。效率最差的就是for( in )了，若是集合過大，儘可能不要使用for ( in )遍歷。

---恢復內容結束---

shift：刪除原數組第一項，並返回刪除元素的值；若是數組爲空則返回undefined

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

var b = a.shift(); //a：[2,3,4,5] b：1

 

unshift：將參數添加到原數組開頭，並返回數組的長度

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

var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7

注：在IE6.0下測試返回值總爲undefined，FF2.0下測試返回值爲7，因此這個方法的返回值不可靠，須要用返回值時可用splice代替本方法來使用。

 

pop：刪除原數組最後一項，並返回刪除元素的值；若是數組爲空則返回undefined

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

var b = a.pop(); //a：[1,2,3,4] b：5

 

push：將參數添加到原數組末尾，並返回數組的長度

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

var b = a.push(6,7); //a：[1,2,3,4,5,6,7] b：7

 

concat：返回一個新數組，是將參數添加到原數組中構成的

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

var b = a.concat(6,7); //a：[1,2,3,4,5] b：[1,2,3,4,5,6,7]

 

splice(start,deleteCount,val1,val2,...)：從start位置開始刪除deleteCount項，並從該位置起插入val1,val2,...

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

var b = a.splice(2,2,7,8,9); //a：[1,2,7,8,9,5] b：[3,4]

var b = a.splice(0,1); //同shift

a.splice(0,0,-2,-1); var b = a.length; //同unshift

var b = a.splice(a.length-1,1); //同pop

a.splice(a.length,0,6,7); var b = a.length; //同push

 

reverse：將數組反序

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

var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1]

 

sort(orderfunction)：按指定的參數對數組進行排序

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

var b = a.sort(); //a：[1,2,3,4,5] b：[1,2,3,4,5]

 

slice(start,end)：返回從原數組中指定開始下標到結束下標之間的項組成的新數組

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

var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]

 

join(separator)：將數組的元素組起一個字符串，以separator爲分隔符，省略的話則用默認用逗號爲分隔符

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

var b = a.join("|"); //a：[1,2,3,4,5] b："1|2|3|4|5"

 

 

 

數組是JavaScript提供的一個內部對象，它是一個標準的集合，咱們能夠添加(push)、刪除(shift)裏面元素，咱們還能夠經過for循環遍歷裏面的元素，那麼除了數組咱們在JavaScript裏還能夠有別的集合嗎?

 

　　因爲JavaScript的語言特性，咱們能夠向通用對象動態添加和刪除屬性。因此Object也能夠當作是JS的一種特殊的集合。下面比較一下Array和Object的特性:

 

　　Array:

 

新建:var ary = new Array(); 或 var ary = [];

增長:ary.push(value);

刪除:delete ary[n];

遍歷:for ( var i=0 ; i < ary.length ; ++i ) ary[i];

 

　　Object:

 

新建:var obj = new Object(); 或 var obj = {};

增長:obj[key] = value; (key爲string)

刪除:delete obj[key];

遍歷:for ( var key in obj ) obj[key];

 

　　從上面的比較能夠看出Object徹底能夠做爲一個集合來使用，在使用Popup窗口建立無限級Web頁菜單(3)中我介紹過Eric實現的那個__MenuCache__，它也就是一個模擬的集合對象。

 

　　若是咱們要在Array中檢索出一個指定的值，咱們須要遍歷整個數組:

 

 

代碼：

var keyword = ;

　for ( var i=0 ; i < ary.length ; ++i )

　　{

　　 if ( ary[i] == keyword )

　　{

　　// todo

　　}

　}

 

 

 

　　而咱們在Object中檢索一個指定的key的條目，只須要是要使用:

 

 

代碼：

var key = '';

　　var value = obj[key];

　　// todo

 

　Object的這個特性能夠用來高效的檢索Unique的字符串集合，遍歷Array的時間複雜度是O(n)，而遍歷Object的時間複雜度是O(1)。雖然對於10000次集合的for檢索代價也就幾十ms，但是若是是1000*1000次檢索或更多，使用Object的優點一下就體現出來了。在此以前我作了一個mapping，把100個Unique的字符mapping到1000個字符串數組上，耗時25-30s!後來把for遍歷改爲了Object模擬的集合的成員引用，一樣的數據量mapping，耗時僅1.7-2s!!!

 

　　對於集合的遍歷效率(從高到低):var value = obj[key]; > for ( ; ; ) > for ( in )。效率最差的就是for( in )了，若是集合過大，儘可能不要使用for ( in )遍歷。