js數組操作

原文:
http://www.blogjava.net/zks518/archive/2011/06/24/352948.html

var arr = new Array();
arr[0] = "aaa";
arr[1] = "bbb";
arr[2] = "ccc";
//alert(arr.length);//3
arr.pop();
//alert(arr.length);//2
//alert(arr[arr.length-1]);//bbb
arr.pop();
//alert(arr[arr.length-1]);//aaa
//alert(arr.length);//1

var arr2 = new Array();
//alert(arr2.length);//0
arr2[0] = "aaa";
arr2[1] = "bbb";
//alert(arr2.length);//2
arr2.pop();
//alert(arr2.length);//1
arr2 = arr2.slice(0,arr2.length-1);
//alert(arr2.length);//0
arr2[0] = "aaa";
arr2[1] = "bbb";
arr2[2] = "ccc";
arr2 = arr2.slice(0,1);
alert(arr2.length);//1
alert(arr2[0]);//aaa
alert(arr2[1]);//undefined

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,...

在清空數組時，只需傳遞startIndex。

如果不刪除所有元素，再傳遞deleteCount參數。

splice還具有先刪除後添加的功能，即先刪除幾個元素，然後在刪除的位置再添加若干元素，刪除與添加的元素的個數沒有必須相等，這時侯deleteCount也是要用到的。
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"

再給個利用數組模擬javaStringBuffer處理字符串的方法：

/**
* 字符串處理函數
*/
function StringBuffer() {
var arr = new Array;
this.append = function(str) {
    arr[arr.length] = str;
};

this.toString = function() {
    return arr.join("");//把append進來的數組ping成一個字符串
};
}

今天在應用中突然發現join是一種把數組轉換成字符串的好方法，故封裝成對象使用了：

/**
*把數組轉換成特定符號分割的字符串
*/
function arrayToString(arr,separator) {
if(!separator) separator = "";//separator爲null則默認爲空
    return arr.join(separator);
}

/**
* 查找數組包含的字符串
*/
function arrayFindString(arr,string) {
var str = arr.join("");
    return str.indexOf(string);
}

[b]下面是刪除元素:[/b]
http://www.cnblogs.com/qiantuwuliang/archive/2010/09/01/1814706.html
var arr=['a','b','c'];
　　若要刪除其中的'b',有兩種方法：

　　1.delete方法:delete arr[1]

　　這種方式數組長度不變,此時arr[1]變爲undefined了,但是也有好處原來數組的索引也保持不變,此時要遍歷數組元素可以才用

　　

for(index in arr)
{
　　 document.write('arr['+index+']='+arr[index]);
}

　　

這種遍歷方式跳過其中undefined的元素

　　* 該方式IE4.o以後都支持了

　　2.數組對象splice方法:arr.splice(1,1);

　　這種方式數組長度相應改變,但是原來的數組索引也相應改變

　　splice參數中第一個1,是刪除的起始索引(從0算起),在此是數組第二個元素

　　第二個1,是刪除元素的個數,在此只刪除一個元素,即'b';

　　此時遍歷數組元素可以用普通遍歷數組的方式,比如for,因爲刪除的元素在

　　數組中並不保留

　　* 該方法IE5.5以後才支持

　　值得一提的是splice方法在刪除數組元素的同時,還可以新增入數組元素

　　比如arr.splice(1,1,'d','e'),d,e兩個元素就被加入數組arr了

　　結果數組變成arr:'a','d','e','c'　

　　<big>外一篇：</big>

　　JavaScript通過設置數組的length屬性來截斷數組是惟一一種縮短數組長度的方法.如果使用delete運算符來刪除數組中元素,雖然那個元素變成未定義的,但是數組的length屬性並不改變兩種刪除元素,數組長度也改變的方法.

　 /*
　 *　方法:Array.remove(dx)
　 *　功能:刪除數組元素.
　 *　參數:dx刪除元素的下標.
　 *　返回:在原數組上修改數組
　 */
　　
　//經常用的是通過遍歷,重構數組.
　

Array.prototype.remove=function(dx)
　{
　　if(isNaN(dx)||dx>this.length){return false;}
　　for(var i=0,n=0;i<this.length;i++)
　　{
　　　　if(this[i]!=this[dx])
　　　　{
　　　　　　this[n++]=this[i]
　　　　}
　　}
　　this.length-=1
　}
　a = ['1','2','3','4','5'];
　alert("elements: "+a+"nLength: "+a.length);
　a.remove(0); //刪除下標爲0的元素
　alert("elements: "+a+"nLength: "+a.length);

　　
　


/*
　 *　方法:Array.baoremove(dx)
　 *　功能:刪除數組元素.
　 *　參數:dx刪除元素的下標.
　 *　返回:在原數組上修改數組.
　 */
　　
　//我們也可以用splice來實現.
　　
　Array.prototype.baoremove = function(dx)
　{
　　if(isNaN(dx)||dx>this.length){return false;}
　　this.splice(dx,1);
　}
　b = ['1','2','3','4','5'];
　alert("elements: "+b+"nLength: "+b.length);
　b.baoremove(1); //刪除下標爲1的元素
　alert("elements: "+b+"nLength: "+b.length);

我們知道，在IE5或更低的版本中，JavaScript的Array（數組）對象並未提供現成的刪除數組元素的方法。在IE5.5+的版本中，雖然有splice方法，但是並不是刪除某一項（或幾項），而僅僅是將某一項（或幾項）的值清除，也就是說該項仍然存在，數組的長度並沒有改變。

　　事實上，我們可以自己爲數組增加一個刪除方法（注意，這裏指的是將數組的某一項真正的從數組成員中移除）。或許你會想到用循環來爲數組重新賦值，這樣做當然可以，但效率很低。

　　下面我們介紹利用Array對象的兩個方法slice、concat來自定義刪除數組的方法。

　　具體代碼如下，請注意裏面的註釋。

--------------------------------------------------------------

Array.prototype.del=function(n) {　//n表示第幾項，從0開始算起。
//prototype爲對象原型，注意這裏爲對象增加自定義方法的方法。
　if(n<0)　//如果n<0，則不進行任何操作。
　　return this;
　else
　　return this.slice(0,n).concat(this.slice(n+1,this.length));
　　/*
　　　concat方法：返回一個新數組，這個新數組是由兩個或更多數組組合而成的。
　　　　　　　　　這裏就是返回this.slice(0,n)/this.slice(n+1,this.length)
　　 　　　　　　組成的新數組，這中間，剛好少了第n項。
　　　slice方法： 返回一個數組的一段，兩個參數，分別指定開始和結束的位置。
　　*/
}
//我們來試一試這個自己增加的方法
var test=new Array(0,1,2,3,4,5);
test=test.del(3);　//從0算起，這裏也就是刪除第4項。
alert(test);