原生JS常用陣列方法大全

2021-10-23 08:12:26 字數 2756 閱讀 3171

一,陣列的方法:以下方法是原有陣列發生改變   

1)shift(

):刪除陣列第一項,括號裡邊沒有引數。

例如:var ary =

[1, 2, 3, 4]

; var res = ary.shift(

);

console.log(res)

;//返回的值是被刪除的第一項——>1

console.log(ary)

;//列印出的是被刪除後的新的陣列[2,3,4]

2)unshift(

):在陣列開頭新增

例如: var ary =

[1, 2, 3, 4]

;

var res = ary.unshift(1)

;

console.log(res)

;//返回的值是新增後新陣列的長度。5

console.log(ary)

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

3)push(

):陣列的末尾新增一項或者多項內容。

例如: var ary =

[1, 2, 3, 4]

; var res = ary.push(1)

;

console.log(res)

;返回的值是新增後新陣列的長度。5

console.log(ary)

;列印出的是被新增後的新的陣列[1,2,3,4,1]

4)pop(

):在陣列末尾刪除

例如: var ary =

[1, 2, 3, 4]

; var res = ary.pop(

);括號裡邊沒有引數

console.log(res)

;返回的值是刪除的項——>4

console.log(ary)

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

5)splice(

):刪除陣列中制定的某些項。

5-1) splice(n,m):刪除陣列中制定的某些項,從索引n開始,包括n,刪除m個,

例如:var ary =

[1, 2, 3, 4]

; var res = ary.splice(1,2)

;

console.log(res)

;返回的值是刪除的項——>

[2,3]

console.log(ary)

;[1,4]

5-2)splice(n,m,x):從索引n開始包括n,刪除m個元素,用x替換

例如:var ary =

[1, 2, 3, 4]

; var res = ary.splice(1,2,4)

;

console.log(res)

; 返回的值是刪除的項——>

[2,3]

console.log(ary)

;返回的值——>

[1,4,4]

5-3)splice(n,0,x):n表示索引,刪除0個元素,x表示要新增的項,要新增的項放在索引為n項的前邊

例如: var ary =

[1, 2, 3, 4]

; var res=ary.splice(1,0,3)

;

console.log(res)

;返回值是乙個空陣列

console.log(ary)

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

5-4)splice(0):全部刪除,返回的是乙個空陣列。

6)reverse(

):陣列顛倒排序,原有陣列改變

例如:var ary=

[10,12,13,11,19,17]

; var res=ary.reverse(

);

console.log(ary)

;[17, 19, 11, 13, 12, 10]

console.log(res)

;[17, 19, 11, 13, 12, 10]

7)sort(

):陣列的排序,

7-1)從小到大排序:原有陣列改變。(處理十以下的數)

例如: var ary =

[1, 2, 3, 4]

; var res=ary.sort(

);

console.log(res)

;[1, 2, 3, 4]

;

console.log(ary)

;[1, 2, 3, 4];

7-2)從大到小排序:原有陣列改變

例如: var ary =

[1, 2, 3, 4]

; ary.sort(function(a,b)

);

console.log(res)

;[4, 3, 2, 1]

console.log(ary)

;[4, 3, 2, 1]

7-3)處理十以上的數:

例如: var ary =

[11, 22, 13, 4]

; ary.sort(function(a,b)

)//由小到大排序)

ary.sort(function(a,b)

)//由大到小排序)

JS陣列方法大全

方法名 描述返回值 版本arr.push 從陣列後面新增元素 新增完畢後陣列的長度 es5arr.pop 從陣列後面刪除乙個元素 被刪除的元素 es5arr.shift 從陣列前面刪除乙個元素 被刪除的元素 es5arr.unshift 從陣列前面新增乙個元素 新增完畢後陣列的長度 es5arr.s...

JS陣列方法的原生實現

該方法接受任意個引數,然後新增到陣列的末尾 function push arr,arg push 接受任意個引數,按照順序新增到陣列末尾,返回新的陣列長度 return arr.length 該方法刪除並返回陣列的最後乙個元素,如果陣列為空,返回undefined function pop arr ...

js 常用陣列方法

陣列常用方法 都不改變原陣列 1.foreach function item,index,array 遍歷陣列 var arr 1 2,3 4,5 6 arr.foreach function item,index 1 0 1,2,3,4,5,6 2 1 1,2,3,4,5,6 3 2 1,2,3,...