es6 js陣列常用方法

2022-09-06 08:00:16 字數 1487 閱讀 5527

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: 呼叫的陣列

js陣列常用方法 ES5 ES6

注 不改變原陣列,返回乙個新的字串 let array i am shan er array.join i,am,shan,er 預設以逗號分隔 array.join i am shan er array.join i am shan er 注 改變原陣列 let array i am shan e...

ES6 JS 關於字串和陣列之間的轉換

arraybuffer轉16進度字串示例 function ab2hex buffer return hexarr.join 16進製制字串轉arraybuffer function hex2ab value gi map function h var buffer typedarray.buffe...

ES6常用陣列方法總結

let array 1,2,3,4 array.foreach item,index,array foreach會遍歷陣列,沒有返回值,不允許在迴圈體內寫return,不會改變原來陣列的內容.let array 1,2,3,4 let temp array.map item,index,array ...