JavaScript 數(shù)組常用方法
1、數(shù)組轉(zhuǎn)換
可以將含有l(wèi)ength屬性的對象轉(zhuǎn)換為數(shù)組
常見有l(wèi)ength屬性的對象有艳狐，String荧飞，HTMLElement、還有一些偽數(shù)組锋谐、可以將他們轉(zhuǎn)換為真數(shù)組，并使用數(shù)組對象的遍歷方法
- let arr = [...obj]
- let arr = Array.from(obj)
如果是字符串的話也可以使用split方法
- str.split('')
2截酷、數(shù)組添加方法和刪除方法
- push() 會改變原數(shù)組
- 將一個或多個元素添加到數(shù)組末尾
- 返回值push后的數(shù)組length屬性
- 將一個或多個元素添加到數(shù)組末尾
- unshift() 會改變原數(shù)組
- 將一個或多個元素添加到數(shù)組開始
- 返回值push后的數(shù)組length屬性
- 將一個或多個元素添加到數(shù)組開始
- pop() 會改變原數(shù)組
- 刪除數(shù)組最末尾的元素
- 返回值是被刪除的元素
- 刪除數(shù)組最末尾的元素
- shift() 會改變原數(shù)組
- 刪除數(shù)組最開始的元素
- 返回值是被刪除的元素
- 刪除數(shù)組最開始的元素
- splice() 會改變原數(shù)組
- 從指定位置開始涮拗，刪除幾個,可以實現(xiàn)數(shù)組的增刪改
- 返回值是被刪除元素構(gòu)成的數(shù)組
- 從指定位置開始涮拗，刪除幾個,可以實現(xiàn)數(shù)組的增刪改
3、數(shù)組的排序方法
- reverse() 會改變原數(shù)組
- 數(shù)組反轉(zhuǎn)
- 返回反轉(zhuǎn)后的數(shù)組
- 數(shù)組反轉(zhuǎn)
- sort() 會改變原數(shù)組
- 數(shù)組按指定方法排序
- 返回反轉(zhuǎn)后的數(shù)組
- 數(shù)組按指定方法排序
sort使用方法
sort(function(a,b){
return a-b//b-a
})
4迂苛、數(shù)組操作方法
| 方法名 | 說明 | 返回值 |
|---|---|---|
| concat() | 連接兩個或多個數(shù)組 | 返回一個新的數(shù)組 |
| slice() | 數(shù)組截取slice(begin, end) | 返回被截取項目的新數(shù)組 |
| splice() | 數(shù)組刪除splice(第幾個開始,要刪除個數(shù)) | 返回被刪除項目的新數(shù)組 注意三热，這個會影響原數(shù)組 |
5、數(shù)組查詢方法
| 方法名 | 說明 | 返回值 |
|---|---|---|
| indexOf() | 如果沒找到返回-1三幻，找到了返回第一個的下標(biāo) | 返回一個新的數(shù)組 |
| lastIndexOf() | 如果沒找到返回-1就漾，找到了返回最后一個的下標(biāo) | 返回被截取項目的新數(shù)組 |
| includes() | 找到返回true 沒找到就返回false | 返回BooLean值 |
6、數(shù)組轉(zhuǎn)換字符串
| 方法名 | 說明 | 返回值 |
|---|---|---|
| toString() | 相當(dāng)于join(',')用逗號連接 | 返回字符串 |
| join('連接符') | 可以設(shè)置用什么字符連接 | 返回字符串 |
7念搬、數(shù)組的遍歷方法
- map()
- 數(shù)組映射方法抑堡，用于二次操作數(shù)組 每次返回的值組成一個新數(shù)組作為最后的返回值
- forEach()
- 遍歷回調(diào)函數(shù),不能被打斷
- filter()
- 過濾器 返回一個指定數(shù)組里符合條件的所有元素組成的新數(shù)組
- reduce()
- 回調(diào)函數(shù)的第一個參數(shù)默認(rèn)第一次為第一個元素，后面為上一次的返回值朗徊，回調(diào)函數(shù)的第二個參數(shù)默認(rèn)從第二個元素開始遍歷
- 如果寫了第二個參數(shù),那么回調(diào)函數(shù)的第一個參數(shù)為第二個參數(shù),回調(diào)函數(shù)的第二個參數(shù)從第一個元素開始遍歷
- find()
- 返回滿足條件的當(dāng)前元素首妖，并停止遍歷
- findIndex()
- 返回滿足條件的當(dāng)前元素下標(biāo)，并停止遍歷
- some()
- 只要有一個<u>滿足</u>就返回值true 并停止遍歷
- every()
- 只要有一個<u>不滿足</u>就返回值false 并停止遍歷
