Array() 方法匯總

JessYanCoding 發(fā)布于2019-08-26 13:52 / 855人閱讀

摘要：方法為數(shù)組中的每個元素都調(diào)用一次函數(shù)執(zhí)行如果沒有符合條件的元素返回對于空數(shù)組，函數(shù)是不會執(zhí)行的。不改變原數(shù)組和差不多，默認(rèn)返回的是索引。

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

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

檢測數(shù)組：

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

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

2. 轉(zhuǎn)換方法

toString()

返回由數(shù)組中每個值的字符串形式拼接而成的以逗號（,）分隔的字符串，實(shí)際上會調(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ù)組末尾添加任意個項(xiàng)，返回?cái)?shù)組新的長度，

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

4. 隊(duì)列方法 FIFO

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

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

5. 重排序方法

reverse()
反轉(zhuǎn)數(shù)組項(xiàng)的順序，該方法會改變原來的數(shù)組，而不會創(chuàng)建新的數(shù)組。

sort()

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

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

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

6. 操作方法

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

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

splice()

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

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

替換：三個參數(shù) 起始位置、刪除的項(xiàng)數(shù)、替換的項(xiàng)（任意數(shù)量）

返回從數(shù)組中刪除的項(xiàng)，沒有刪除時返回空數(shù)組，改變原數(shù)組

7. 位置方法

indexOf()

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

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

8. 迭代方法

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

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

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

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

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

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

9. 歸并方法

reduce()

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

10. ES6新增方法

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

不改變原數(shù)組

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

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

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

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

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

 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"]，改變原數(shù)組

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

- Array.from() 
  把帶有l(wèi)enght屬性類似數(shù)組的對象轉(zhuǎn)換為數(shù)組，也可以把字符串等可以遍歷的對象轉(zhuǎn)換為數(shù)組，它接收2個參數(shù)，轉(zhuǎn)換對象與回調(diào)函數(shù)

Array.from({"0":"w","1":"b",length:2})//["w", "b"],返回?cái)?shù)組的長度取決于對象中的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],第二個參數(shù)為回調(diào)函數(shù)
```

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

云服務(wù)器 GPU云服務(wù)器 array方法 16種常用的數(shù)據(jù)分析方法匯總 array+array 問題匯總

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/109693.html

發(fā)表評論

登陸后可評論

0條評論

JessYanCoding

男|高級講師

我要關(guān)注我要私信

TA的文章

#黑五#DediPath：洛杉磯vps/圣何塞vps/鳳凰城vps/西雅圖vps，kvm vps赴約

閱讀 3141·2021-11-24 10:34
租用香港服務(wù)器選擇什么操作系統(tǒng)好？這4種系統(tǒng)皆可！

閱讀 3405·2021-11-22 13:53
看動畫學(xué)算法之:hashtable

閱讀 2691·2021-11-22 12:03
高級驅(qū)動——（驅(qū)動所有按鍵）

閱讀 3667·2021-09-26 09:47
內(nèi)存分配者-動態(tài)內(nèi)存

閱讀 3070·2021-09-23 11:21
主機(jī)名怎么查-手機(jī)無線網(wǎng)主機(jī)名如何看？

閱讀 4961·2021-09-22 15:08
raksmart：美國圣何塞機(jī)房cn2 only線路獨(dú)立服務(wù)網(wǎng)簡單測評，三網(wǎng)cn2 gia速度快！

閱讀 3391·2021-07-23 10:59
內(nèi)聯(lián)元素的盒模型 display和visibility overflow 文檔流

閱讀 1322·2019-08-29 18:31

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

Array() 方法匯總

相關(guān)文章

排序算法終極匯總