es6 js數組常用方法


一:會改變自身的方法

1.array.push(element1, ...elementN)

添加一個或多個元素到數組的末尾,並返回數組新的長度

2.array.unshift(element1, ...elementN)

在數組的開頭插入一個或多個元素,並返回數組的新長度

3.array.splice(start, deleteCount[, item1[, item2...])

在任意的位置給數組添加或刪除任意個元素(拼接),返回被刪除的元素組成的數組,沒有則返回空數組

start: 開始操作的索引
deleteCount:要移除的數組元素的個數
itemN:要添加進數組的元素,如果不指定,則splice只刪除數組元素

二:不會改變自身的方法

4.array.join([separator = ','])

將數組中的所有元素連接成一個字符串(默認用逗號作為分隔符,如果separator是一個空字符串,那么數組中的所有元素將被直接連接);
如果元素是undefined或者null,則會轉化成空字符串

三:遍歷方法

5.array.forEach((v, i, a) => {})

讓數組的每一項都執行一次給定的函數;
v表示當前項的值,i表示當前索引,a表示數組本身;
forEach遍歷的范圍在第一次調用 callback前就會確定。調用forEach后添加到數組中的項不會被 callback訪問到。如果已經存在的值被改變,則傳遞給 callback的值是 forEach遍歷到他們那一刻的值。已刪除的項不會被遍歷到。

6.array.filter((v, i, a) => {})

使用指定的函數測試所有元素,並創建一個包含所有測試通過的元素的新數組;
callback函數返回一個布爾值,true即通過測試;
callback只會在已經賦值的索引上被調用,對於那些已經被刪除或者從未被賦值的索引不會被調用;
不會改變原數組

7.array.map((v, i, a) => {})

返回一個由原數組中的每個元素調用一個指定方法后的返回值組成的新數組;
map 不修改調用它的原數組本身(當然可以在 callback 執行時改變原數組)

8.array.reduce(callback[, initialValue])

該方法接收一個函數作為累加器(accumulator),數組中的每個值(從左到右)開始合並,最終為一個值;

callback參數:
previousValue:上一次調用回調返回的值,或者是提供的初始值(initialValue)
currentValue: 數組中當前被處理的元素
index: index
array: 調用的數組

如果 initialValue 在調用 reduce 時被提供,那么第一個 previousValue 等於 initialValue ,並且currentValue 等於數組中的第一個值;如果initialValue 未被提供,那么previousValue 等於數組中的第一個值,currentValue等於數組中的第二個值。


參考鏈接:https://www.jianshu.com/p/ec79c4e47370


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM