js中針對數(shù)組操作的方法還是比較多的，今天突然想到來總結(jié)一下，也算是溫故而知新吧。不過不會針對每個方法進(jìn)行講解，我只是選擇其中的一些來講。

首先來講一下push和pop方法，這兩個方法只會對數(shù)組從尾部進(jìn)行壓入或彈出，而且是在原數(shù)組進(jìn)行操作，任何的改動都是會影響到操作的數(shù)組。push(args)可以每次壓入多個元素，并返回更新后的數(shù)組長度。pop()函數(shù)每次只會彈出最后一個結(jié)尾的元素，并返回彈出的元素，如果是對空組數(shù)調(diào)用pop()則返回undefined。 如果參數(shù)是數(shù)組則是將整個數(shù)組當(dāng)做一個元素壓入到原來的數(shù)組當(dāng)中。并不會產(chǎn)生類似concat合并數(shù)組時產(chǎn)生的“拆分現(xiàn)象”，下面看例子

例1:
var oldArr=[1,2,3];
alert(oldArr.push(4,[5,6]))–>5(這里只會將[5,6]當(dāng)做一個元素來計算,返回更新后的數(shù)組長度5)
此時oldArr–>[1,2,3,4,[5,6]]
alert(oldArr.pop())–>[5,6](這里彈出最后一個元素[5,6],而不是6)
此時oldArr–>[1,2,3,4]
oldArr.pop()–>4
oldArr.pop()–>3
oldArr.pop()–>2
oldArr.pop()–>1
oldArr.pop()–>undefined(空數(shù)組彈出)
現(xiàn)在講完push和pop再來看一下unshift和shift
這兩個方法都是通過對數(shù)組的頭部進(jìn)行的操作，其他基本跟push和pop類似，但是在IE中unshift方法返回的是undefined

例2:
var oldArr2=[1,2];
oldArr2.unshift(3)–>undefined
此時oldArr2為–>[3,1,2]
oldArr2.shift()–>3
此時oldArr2為[1,2]
接下來看一下功能強(qiáng)大一點(diǎn)的splice,利用其可以進(jìn)行數(shù)組隨意位置的元素添加，刪除 ，其操作也是在原有

數(shù)組上修改
splice(start,deleteCnt,args) 中的start表示開始操作下標(biāo)，deleteCnt表示從開始下標(biāo)開始（包括該元素)要刪除的元素個數(shù)，刪除操作返回刪除的元素。args表示用來替換刪除掉的那些元素（可以有多個參數(shù))，start和deleteCnt必須為數(shù)字，如果不是數(shù)字嘗試轉(zhuǎn)換，轉(zhuǎn)換失敗當(dāng)做0來處理。splice必須至少有一個start元素，否則不做任何操作。deleteCnt不存在表示刪除start及后面的全部元素（IE下，取0不做刪除)。start可以為負(fù)數(shù)，表示從數(shù)組右邊結(jié)尾處開始計算。deleteCnt如果為負(fù)數(shù)不做刪除，因為不可能刪除負(fù)個元素。
好了解釋就到這邊現(xiàn)在看一下例子，通過例子或許可以更好的理解

例3：
var oldArr3=[1,2];
oldArr3.splice()–>”"(返回空的字符串,不做任何操作,操作后oldArr3–>[1,2])
oldArr3.splice(“”)–>[1,2](“”嘗試轉(zhuǎn)換為數(shù)字失敗返回0,所以刪除1,2,操作后oldArr3–>[],但是IE下有點(diǎn)惡心，不做任何操作)
oldArr3.splice(“1a”)–>同上
odlArr3.splice(0,2)–>[1,2](“從下標(biāo)0的元素開始，刪除兩個元素1,2因此刪除后oldArr3–>[])
oldArr3.splice(0,-1)–>”"(從0下標(biāo)開始刪除-1個元素，故等于沒做任何操作,操作后oldArr3–>[1,2])
oldArr3.splice(1,1)–>2(從下標(biāo)1 開始刪除1個元素，即刪除2，所以刪除后oldArr3–>[1])
oldArr3.splice(1,4)–>2(從下標(biāo)1 開始刪除4個元素，1開始只有1個元素，故刪除2，所以刪除后oldArr3–>[1]）
oldArr3.splice(-1,0,3)–>”"(從下標(biāo)-1即2元素開始刪除0個元素，然后添加元素3，所以操作后oldArr3–>[1,3,2])
oldArr3.splice(-1,1,3)–>2(從小標(biāo)-1即2元素開始刪除1個元素，然后添加元素3，操作后為oldArr3–>[1,3])
OK接下來開始講concat，這個方法用來連接兩個或多個數(shù)組,該數(shù)組不會改變原來的數(shù)組只會返回新的一個數(shù)組。連接的時候參數(shù)如果為數(shù)組，則連接的是數(shù)組中的元素。因為比較簡單直接開始例子

例4:
var oldArr4=[1,2];
oldArr4.concat(3,4)–>[1,2,3,4]
oldArr4.concat(3,4,[5,6])–>[1,2,3,4,5,6](這邊添加的是[5,6]中的元素5和元素6）
oldArr4.concat(3,[4,[5,6]])–>[1,2,3,4,[5,6]](這邊最里層的元素[5,6]整個用來添加，而不是拆開)
下面來講數(shù)組中的排序方法sort
sort(function)是針對原數(shù)組進(jìn)行的排序，不會生成新的數(shù)組。默認(rèn)sort()不帶參數(shù)時按照數(shù)組中的元素轉(zhuǎn)換成字符串進(jìn)行比較，比較的時候按照字符在字符編碼中的順序進(jìn)行排序，每個字符都有一個唯一的編碼與其對應(yīng)。

且看下面例子
var oldArr5=[3,1,5,7,17] 看這個一般觀念上以為對oldArr5排序時oldArr5.sort()會按照數(shù)字從小到大排序即返回[1,3,5,7,17]，但是看一下結(jié)果其實不然返回的是[1,17,3,5,7] 因為比較的時候都被轉(zhuǎn)成字符串。然后對字符串進(jìn)行一個個的比較如果第一個字符相同則比較第二個，否則直接返回比較結(jié)果，因為”17″<”3″所以可想而知排序的結(jié)果就不是一般印象中的那個結(jié)果了。

sort(function)方法除了默認(rèn)的無參外還可以傳入自定義的排序方法，這樣排序的結(jié)果完全可以由自己來控制了，想怎么排就怎么排，是不是很爽啊，呵呵。 一般自定義的function比較函數(shù)，包含兩個參數(shù)分別代表用來比較的左元素和右元素。然后通過一定方式返回一個結(jié)果，如果返回值大于0表示交換左右元素，如果返回值小于0或等于0則表示不不會交換左右元素。現(xiàn)在來看一下例子

例5:
按照數(shù)字從大到小排列原有數(shù)組

最新評論