JavaScript數組_數組方法【一】（二十六）

目錄：

1.數組方法都有哪些

2.數組方法【一】

1、數組方法都有哪些

• join()
• push()和pop()
• shift() 和 unshift()
• sort()
• reverse()
• concat()
• slice()
• splice()
• indexOf()和 lastIndexOf() （ES5新增）
• forEach() （ES5新增）
• map() （ES5新增）
• filter() （ES5新增）
• every() （ES5新增）
• some() （ES5新增）

2、數組方法【一】

一、join()

此方法也是將數組轉化爲字符串：

let arr = [1, 2, 3, 4, 5];
let str1 = arr.toString()
let str2 = arr.toString(',')
let str3 = arr.toString('##')
console.log(str1)// 12345
console.log(str2)// 1,2,3,4,5
console.log(str3)// 1##2##3##4##5複製代碼

二、push()和pop()

push()：此方法是在數組的後面添加新加元素，此方法改變了數組的長度
pop()：此方法在數組後面刪除最後一個元素，並返回數組，此方法改變了數組的長度

let arr = [1, 2, 3, 4, 5]
arr.pop()
console.log(arr) //[1, 2, 3, 4]
console.log(arr.length) //4複製代碼

三、shift() 和 unshift()

Array.shift()：此方法在數組後面刪除第一個元素，並返回數組，此方法改變了數組的長度：

let arr = [1, 2, 3, 4, 5]
arr.shift()
console.log(arr) //[2, 3, 4, 5]
console.log(arr.length) //4 複製代碼

unshift()

let arr = [1, 2, 3, 4, 5]
arr.unshift(6, 7)
console.log(arr) //[6, 7, 2, 3, 4, 5]
console.log(arr.length) //7 複製代碼

四、sort()

若是不傳參數，默認狀況下數組內的元素會被轉換爲字符串進行比較，所以通常不推薦直接使用默認的arr.sort()進行排序。
返回值爲排序後的新數組。原數組會被改變
注意：sort裏接收一個比較參數

var b = [1,2,3]
//升序
b.sort((a,b)=>a-b) //[1, 2, 3]
//降序
b.sort((a,b)=>b-a) //[3, 2, 1]複製代碼

五、reverse()

反轉數組的順序，並返回從新排序以後的數組， 原數組會被改變

var arr1 = [1,2,3,'red','blue']
arr1.reverse() //["blue", "red", 3, 2, 1]複製代碼

六、concat()

此方法是一個能夠將多個數組拼接成一個數組：

let arr1 = [1, 2, 3]
arr2 = [4, 5]
let arr = arr1.concat(arr2)
console.log(arr)//[1, 2, 3, 4, 5]	複製代碼

七、slice()

剪切數組，返回剪切以後的數組，元素不會改變

a、傳入一個參數，表示起始位置，結束位置爲最末尾

var colors = ['red','blue','green']
colors.slice(2) //['green']複製代碼

b、傳入2個參數，表示起始位置與結束位置，但不包括結束位置所在的元素

var colors = ['red','blue','green']
colors.slice(1,2) //['blue']複製代碼

八、splice()

萬能方法，能夠實現增刪改：

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 0 'haha')
let arr2 = arr.splice(2, 3)
let arr1 = arr.splice(2, 1 'haha')
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一個元素
console.log(arr2) //[1, 2] 刪除三個元素
console.log(arr3) //[1, 2, 'haha', 4, 5] 替換一個元素複製代碼

下節預告：數組_數組方法【二】

參考視頻教程：www.3mooc.com/front/couin…