JavaScript陣列方法總結-有解無憂

JavaScript陣列方法總結

- 一.陣列的長度
- 二.join()方法
- 三.push()方法
- 四.pop()方法
- 五.shift()和unshift()方法
- 六 sort()方法
- 七.reverse()方法
- 八.concat()方法
- 九.slice()方法
- 十.splice()方法
- 十一.indexOf()和 lastIndexOf()方法
- 十二.forEach(),filter(),map(),some(),every()方法

一.陣列的長度

length表示陣列中的長度
var arr = [1,2,3,4,5]
console.log(arr.length) //5

二.join()方法

join(’’)括號中填分隔符, 把一個陣列分隔成了字串形式,這個方法只接受一個引數即分隔符,如果括號種什么都不填的話默認以逗號為分隔符
var arr = [1,2,3,4]
console.log(arr.join()) //1,2,3,4
console.log(arr.join("-")) //1-2-3-4

三.push()方法

push()方法:可以接收好多個引數,然后把它們一個個添加到陣列的末尾,并且回傳修改后的陣列的長度
var arr = [1,2,3,4]
var cont = arr.push(5,6)
console.log(arr) // [1,2,3,4,5,6]
console.log(cont) //6

四.pop()方法

pop()方法:陣列末尾移除最后一項,減少了陣列的length值,然后會回傳移除了的項
var arr = [1,2,3,4,5]
var pop = arr.pop()
console.log(arr) // [1,2,3,4]
console.log(arr.length) // 4

五.shift()和unshift()方法

shift()方法:洗掉原陣列的第一項,并回傳洗掉的那一項的值,如果陣列為空,則回傳undefinde
var arr = [1,2,3,4,5]
var shift = arr.shift()
console.log(arr) //[2,3,4,5]

unshift()方法:將引數添加到原陣列的開頭,并且回傳陣列的長度
var arr = [1,2,3,4,5]
var unshift = arr.unshift(6,7)
console.log(arr) // [6,7,1,2,3,4,5]
console.log(arr.length) //7

六 sort()方法

sort()方法:按升序排列陣列項-即最小的位于最前面,最大的值位于最后面在排序時，sort()方法會呼叫每個陣列項的 toString()轉型方法，然后比較得到的字串，以確定如何排序，即使陣列中的每一項都是數值， sort()方法比較的也是字串，因此會出現以下的這種情況：

七.reverse()方法

reverse()方法:可以翻轉陣列的順序
var arr = [1,2,3,4,5]
var reve = arr.reverse()
console.log(arr) // [5,4,3,2,1]

八.concat()方法

concat()方法:將引數添加到原陣列中,如下圖,先創建一個陣列然后在創建一個他的副本,通過arr.concat()方法把所有的引數都存放在了副本中,陣列還是原來的陣列

九.slice()方法

slice()方法:回傳的是原陣列中指定開始的下標和結束下標中間的項組成的新陣列,slice()方法可以接受一或兩個引數,即要回傳項的起始和結束位置，在只有一個引數的情況下， slice()方法回傳從該引數指定位置開始到當前陣列末尾的所有項，如果有兩個引數，該方法回傳起始和結束位置之間的項——但不包括結束位置的項，

十.splice()方法

splice()方法:它有很多種用法，可以實作洗掉、插入和替換，

洗掉 :可以洗掉任意數量的項，只需指定 2 個引數：要洗掉的第一項的位置和要洗掉的項數，例如， splice(0,2)會洗掉陣列中的前兩項，
插入：可以向指定位置插入任意數量的項，只需提供 3 個引數：起始位置、 0（要洗掉的項數）和要插入的項，例如，splice(2,0,4,6)會從當前陣列的位置 2 開始插入4和6，
替換：可以向指定位置插入任意數量的項，且同時洗掉任意數量的項，只需指定 3 個引數：起始位置、要洗掉的項數和要插入的任意數量的項，插入的項數不必與洗掉的項數相等，例如，splice (2,1,4,6)會洗掉當前陣列位置 2 的項，然后再從位置 2 開始插入4和6