陣列方法梳理及各個方法特點

2021-10-13 12:50:30 字數 3115 閱讀 9788

陣列屬於特殊物件,物件為無序列表資料儲存,陣列屬於有序列表資料儲存

參考:建立陣列

//使用new關鍵字

// var arr=new array(

); //建立空陣列

// var arr=new array(size)

; //size表示陣列長度,如果是2則建立長度為2的空陣列

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

;//陣列長度為3,引數為1,2,3

var arr=new array(

); //建立空陣列

arr[0]

=1;//賦值

arr[1]

=2;console.log(arr)

//使用中括號

var narr=

;//空陣列

var narr=

[1,2,3]//帶有引數值的陣列,最後乙個引數不加逗號,否則有些瀏覽器會報錯

陣列方法

1、陣列末尾和開頭增刪

//push(

) 向陣列末尾新增乙個或多個元素

//pop(

) 刪除陣列最後乙個元素

//unshift(

) 向陣列開頭新增乙個或多個元素

//shift(

) 刪除陣列第乙個元素

var arr=

[1,2,3,4,5]

arr.push(1,1)

;console.log(arr)

;//[1,2,3,4,5,1,1]

arr.pop(

);//只能刪除最後乙個元素,刪除兩個要再次執行pop

console.log( arr )//[1,2,3,4,5,1]

arr.unshift(8,0)

;console.log(arr)

;//[8,0,1,2,3,4,5,1]

arr.shift(

)console.log(arr)

;//[0,2,3,4,5,1]

2、陣列翻轉和排序

//reverse(

) 翻轉陣列中的元素

//sort(

) 對陣列元素進行排序,預設將陣列轉化為字串,按照字串asc碼進行排序,可以自定義排序規則arrayobject.sort(sortby),sortby必須是函式

//原理:氣泡排序,依次比較a和b,如果大於0則交換,重新從第乙個進行比較,如果小於等於0則不交換

var arr=

[1,4,3]

;arr.sort(function(a,b)

)console.log( arr )

;//第一輪1和4,1和3,不交換

//第二輪4和3 交換為1,3,4

//重新開始1和3,1和4;然後3和4,完成

//最少比較三次(陣列的長度)

//sort(

)比reverse更消耗效能

備註:以上6個方法都是對原陣列進行修改,直接影響原陣列

3、連線陣列及從陣列中返回指定值,這兩個方法不會修改原陣列,將返回乙個新的陣列

concat(

)連線兩個或多個陣列

var a=

[1,2,3]

var b=a.concat(

[3,4]

)console.log(a) //[1,2,3]

console.log(b) //[1,2,3,4,5]

var c=a.concat(5)

; //可以直接拼接值

console.log(c) //[1,2,3,5]

slice(start,end)方法可從已有的陣列中返回選定的元素

start規定從何處開始選取。如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說,-1 指最後乙個元素,-2 指倒數第二個元素,以此類推

從start開始到end結束,包括start不包括end

var arr=

[1,2,3,4,5,6]

;console.log(arr.slice(1,2))

; //[2]

console.log(arr.slice(2))

; //從2到結束[3,4,5,6]

console.log(arr.slice(-3,-1))

;//[4,5]

console.log(arr.slice(-1,-3))

; //[

]

4、splice 刪除元素,並向陣列新增新元素

splice((index,howmany,item1,..

...,itemx) 方法向/從陣列中新增/刪除專案,然後返回被刪除的專案。

index 規定新增/刪除專案的位置,使用負數可從陣列結尾處規定位置(包括此項)

**注釋:該方法會改變原始陣列**

var a=

[1,2,3,4,5]

a.splice(0,1) //從0開始刪除,刪除1個元素 [1]

console.log(a) //[2,3,4,5]

a.splice(0,1,5) //從0開始刪除,刪除1個元素,在0處插入乙個元素5,插入多個直接,隔開即可

console.log(a) //[5,2,3,4,5]

a.splice(-1,1)

;//從末尾開始,刪除1個 [5]列印被刪除的值

console.log(a)

; //[5,2,3,4]

4、join()方法

join(

) 把陣列中的所有元素放入乙個字串。 元素是通過指定的分隔符進行分隔

var arr =

[1,2,3]

;arr.join(

); //'1,2,3',預設使用,進行連線輸出

arr.join(

'-')

; //'1-2-3'

擴充套件:

es5新增陣列方法詳解

css陣列方法及應用

最重要的應該是sort 方法了,對陣列進行排序可以以字母順序,也可以按數字排序,但是數字排序需要乙個方法,如果直接用你會發現100 20 方法 points.sort function a,b 倒敘就是b a了,當然這個方法不止排序這個功能,比如取最大值或者最小值了,直接取第乙個元素或者最後乙個元素...

javaScript 陣列方法

1 array.concat 合併陣列 var a a b c var b x y z var c a.concat b,true c a b c x y z true 2 array.join 把陣列轉換成字串,預設是join var a a b c a.push d var c a.join c...

js陣列方法

array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...