摘要：方法為數(shù)組中的每個(gè)元素都調(diào)用一次函數(shù)執(zhí)行如果沒有符合條件的元素返回對(duì)于空數(shù)組，函數(shù)是不會(huì)執(zhí)行的。不改變?cè)瓟?shù)組和差不多，默認(rèn)返回的是索引。擅長(zhǎng)網(wǎng)站建設(shè)公眾號(hào)開發(fā)微信小程序開發(fā)小游戲公眾號(hào)開發(fā)，專注于前端領(lǐng)域框架交互設(shè)計(jì)圖像繪制數(shù)據(jù)分析等研究。

1. length屬性 && 檢測(cè)數(shù)組

length屬性不是只讀，可以設(shè)置該屬性，從數(shù)組的末尾移除項(xiàng)或添加新項(xiàng)

檢測(cè)數(shù)組：

一個(gè)全局作用域下（一個(gè)網(wǎng)頁(yè)），使用instanceof

兩個(gè)以上不同的全局執(zhí)行環(huán)境（網(wǎng)頁(yè)包含多個(gè)框架），使用Array.isArray()

2. 轉(zhuǎn)換方法

toString()

返回由數(shù)組中每個(gè)值的字符串形式拼接而成的以逗號(hào)（,）分隔的字符串，實(shí)際上會(huì)調(diào)用每一項(xiàng)的toString（）

toLocaleString() 返回值經(jīng)常與toString()相同, 但調(diào)用的是每一項(xiàng)的toLocaleString()

valueOf() 返回?cái)?shù)組本身

3. 棧方法 LIFO（last in first out）

push() 數(shù)組末尾添加任意個(gè)項(xiàng)，返回?cái)?shù)組新的長(zhǎng)度，

pop() 刪除數(shù)組末的最后一個(gè)元素，并返回移除的項(xiàng)

4. 隊(duì)列方法 FIFO

shift() 刪除并返回?cái)?shù)組第一項(xiàng)

unShift() 在數(shù)組的開頭添加任意個(gè)項(xiàng)，并返回?cái)?shù)組新的長(zhǎng)度

5. 重排序方法

reverse() 反轉(zhuǎn)數(shù)組項(xiàng)的順序，該方法會(huì)改變?cè)瓉?lái)的數(shù)組，而不會(huì)創(chuàng)建新的數(shù)組。

sort()

默認(rèn)情況下，sort()方法按升序排列數(shù)組，通過調(diào)用每一項(xiàng)的toSring()再比較，因此比較的是字符串

接受一個(gè)比較函數(shù)作為參數(shù)時(shí)，比較函數(shù)接受兩個(gè)參數(shù)，來(lái)指定哪個(gè)值位于哪個(gè)值得前面，

function sortNumber(a,b) {
      return a - b
 }   //升序

6. 操作方法

concat() 可以拼接任意數(shù)組，返回新數(shù)組，不改變自身

slice() 接受兩個(gè)參數(shù)，代表截取得起止位置，不包含結(jié)束位置，一個(gè)參數(shù)時(shí)默認(rèn)截取到最后，參數(shù)為負(fù)數(shù)時(shí)，加上數(shù)組本身長(zhǎng)度，注意 不影響原數(shù)組，如果起始位置小于結(jié)束位置，則返回空數(shù)組

splice()

刪除： 兩個(gè)參數(shù) 刪除的第一項(xiàng)的位置 和 刪除的項(xiàng)數(shù)

插入： 三個(gè)參數(shù) 起始位置、 0（刪除的項(xiàng)數(shù)）和插入的項(xiàng)，若插入多項(xiàng)，則在后面加上插入的項(xiàng)

替換： 三個(gè)參數(shù) 起始位置、 刪除的項(xiàng)數(shù)、替換的項(xiàng)（任意數(shù)量） 返回從數(shù)組中刪除的項(xiàng)，沒有刪除時(shí)返回空數(shù)組，改變?cè)瓟?shù)組

7. 位置方法

indexOf()

lastIndexOf() 都接受兩個(gè)參數(shù) 查找的項(xiàng)和查找起點(diǎn)位置的索引（可選），返回查找項(xiàng)在數(shù)組中的位置，沒找到時(shí)返回1

     let arr = ["orange", "2016", "2016"];
     arr.indexOf("orange"); //0
     arr.indexOf("o"); //-1 因?yàn)榇朔椒ú粫?huì)在每一個(gè)元素的基礎(chǔ)上再次執(zhí)行 indexOf 匹配。
     arr.indexOf("2016"); //1
     arr.indexOf(2016); //-1 注意：這里不會(huì)做隱式類型轉(zhuǎn)換。

8. 迭代方法

每個(gè)方法都接受兩個(gè)參數(shù)，第一個(gè)為在每一項(xiàng)運(yùn)行的函數(shù)，第二個(gè)為運(yùn)行該函數(shù)的作用域?qū)ο螅蛇x） 函數(shù)接受三個(gè)參數(shù)：item，index， array本身，都不會(huì)改變?cè)瓟?shù)組

every() 傳入函數(shù)的每一項(xiàng)都滿足函數(shù)，返回true

some() 某一項(xiàng)滿足函數(shù)的條件，返回true

forEach() 與for循環(huán)用法一致，無(wú)返回值

filter() 返回一個(gè)新的數(shù)組，用指定的函數(shù)確定是否在返回的數(shù)組中包含某一項(xiàng)

map() 返回一個(gè)新的數(shù)組，該數(shù)組的值對(duì)應(yīng)原數(shù)組的每一項(xiàng)運(yùn)行指定函數(shù)的返回值

9. 歸并方法

reduce()

reduceRighht() 兩個(gè)方法都會(huì)迭代數(shù)組的所有項(xiàng)，構(gòu)建一個(gè)最終的返回值 接受兩個(gè)參數(shù)： 每一項(xiàng)調(diào)用的函數(shù) 和 歸并基礎(chǔ)的初始值 函數(shù)接受四個(gè)參數(shù)： 前一個(gè)值 當(dāng)前值 索引 和數(shù)組對(duì)象，該函數(shù)的返回值都會(huì)作為第一個(gè)參數(shù)傳給下一項(xiàng)，第一次迭代發(fā)生在數(shù)組的第二項(xiàng)上，因此第一個(gè)參數(shù)是數(shù)組的第一項(xiàng)，第二個(gè)參數(shù)是數(shù)組的第二項(xiàng)

10. ES6新增方法

find() 返回通過測(cè)試（函數(shù)內(nèi)判斷）的數(shù)組的第一個(gè)元素的值。 find() 方法為數(shù)組中的每個(gè)元素都調(diào)用一次函數(shù)執(zhí)行： 如果沒有符合條件的元素返回 undefined find() 對(duì)于空數(shù)組，函數(shù)是不會(huì)執(zhí)行的。 不改變?cè)瓟?shù)組

findIndex() 和find()差不多，默認(rèn)返回的是索引。

includes() 與String的includes()一樣，接收2參數(shù)，查詢的項(xiàng)以及查詢起始位置,返回true或false

keys() 對(duì)數(shù)組索引的遍歷

values() 對(duì)數(shù)組項(xiàng)的遍歷

entries() 對(duì)數(shù)組鍵值對(duì)的遍歷

let arr=["w","b"];
for(let a of arr.entries()){
    console.log(a)
}//結(jié)果：[0,w],[1,b]
for(let [i,v] of arr.entries()){
    console.log(i,v)
}//結(jié)果：0 w,1 b

fill() 數(shù)組填充

 let arr=["w","b"];
 arr.fill("i")//結(jié)果：["i","i"]，改變?cè)瓟?shù)組
 arr.fill("o",1)//結(jié)果：["i","o"]改變?cè)瓟?shù)組,第二個(gè)參數(shù)表示填充起始位置

new Array(3).fill("k").fill("r",1,2)//結(jié)果：["k","r","k"]，第三個(gè)數(shù)組表示填充的結(jié)束位置,前開后閉區(qū)間

- Array.from() 
  把帶有l(wèi)enght屬性類似數(shù)組的對(duì)象轉(zhuǎn)換為數(shù)組，也可以把字符串等可以遍歷的對(duì)象轉(zhuǎn)換為數(shù)組，它接收2個(gè)參數(shù)，轉(zhuǎn)換對(duì)象與回調(diào)函數(shù)
 
 ```
 Array.from({"0":"w","1":"b",length:2})//["w", "b"],返回?cái)?shù)組的長(zhǎng)度取決于對(duì)象中的length，故此項(xiàng)必須有！
 Array.from({"0":"w","1":"b",length:4})//["w", "b", undefined, undefined]
 Array.from({"0":"w","1":"b",length:1})//["w"]
 let divs=document.getElementsByTagName("div");
 Array.from(divs)//返回div元素?cái)?shù)組
 Array.from("wbiokr")//["w", "b", "i", "o", "k", "r"]
 Array.from([1,2,3],function(x){
         return x+1
     })//[2, 3, 4],第二個(gè)參數(shù)為回調(diào)函數(shù)
 ```

【完】


**作者簡(jiǎn)介**：鄭佳歡，蘆葦科技web前端實(shí)習(xí)生，公司作品：口紅挑戰(zhàn)網(wǎng)紅小游戲、服務(wù)端渲染官網(wǎng)。擅長(zhǎng)網(wǎng)站建設(shè)、公眾號(hào)開發(fā)、微信小程序開發(fā)、小游戲、公眾號(hào)開發(fā)，專注于前端領(lǐng)域框架、交互設(shè)計(jì)、圖像繪制、數(shù)據(jù)分析等研究。 一起并肩作戰(zhàn)： [zhengjiahuan@talkmoney.cn](mailto:yemao@talkmoney.cn) 訪問 [www.talkmoney.cn](http://www.talkmoney.cn/) 了解更多