陣列的方法 es6

2022-07-30 07:45:11 字數 2752 閱讀 6051

1,arr.push() 從後面新增元素,返回值為新增完後的陣列長度

2,arr.pop() 從後面刪除元素,只能刪除乙個,返回值是刪除的元素

3,arr.shift() 從前面刪除元素,只刪除乙個,返回值是刪除的元素

4,arr.unshift()從前面新增元素,返回值是新增完後的陣列長度

5,arr.splice(下標值index,要刪除幾個n) 刪除從下標開始後的n個元素,返回值是刪除的元素

6,arr.concat() 連線兩個陣列,返回值為連線後的新陣列

7,str.split(' ')將字串轉化成陣列,以括號中的字元分開

8,arr.sort() 將陣列進行排序,返回值是排好的陣列,預設是按照每一項的最左邊的數字進行排序,不是按照每一項的大小進行排序的.

-------arr.sort((a,b)=>) 是按照從小到大排序-----------arr.sort((b,a)=>) 是從大到小排列

9,arr.reverse()將陣列反轉,返回值是反轉後的陣列

10,arr.slice(start,end) 刪除索引值start到索引值end的陣列,不包括end索引的值,返回值是刪除後的陣列

11,arr.foreacg(callback) 遍歷陣列,沒有return,沒有返回值,但是能修改原陣列的值. callback:  (value,index,array)=>{};

12,arr.map(callback) 對映陣列(遍歷陣列),又return 返回乙個新陣列  callback:  (value,index,array)=>{};

-------arr.foreach和arr.map的區別

1. arr.foreach()是和for迴圈一樣,是代替for。arr.map()是修改陣列其中的資料,並返回新的資料。

2. arr.foreach() 沒有return  arr.map() 有return

13,arr.filter(callbck)過濾陣列,返回乙個滿足要求的新陣列     callback:  (value,index,array)=>{};

14,arr.every(callback)依據判斷條件,陣列的元素是否完全滿足,若有一項不滿足就返回false,後面的資料不在進行判斷,完全滿足返回true    [ 可以驗證元素在不在陣列中]

15,arr.some()依據判斷條件,陣列的元素是否有乙個滿足,若有乙個滿足則返回true ,否則返回false   [可以做元素在不在陣列中的驗證]

16,arr.reduce(callback,start) 迭代陣列的所有項,累加器,陣列中的每個值合併,最終成為乙個值    callback:(start,item,index,array)=>{}

---------start:必選-上一次呼叫**函式返回的值,或者是提供的初始值

---------item:必選-陣列中當前被處理的陣列項

---------index:當前陣列項在陣列中的索引值

--------array:原陣列

17,arr.reduceright(callback,start) 於 arr.reduce(callback,start) 作用相同,不同的是 arr.reduceright(callback,start) 是從陣列末尾向前將陣列中的資料項做累加.

18,arr.indexof()查詢某個元素的索引值,若有重複,則返回第乙個查到的索引值,若不存在,則返回-1   [查詢陣列中是否存在某個資料]

19,arr.lastindexof()   和arr.indexof()的功能一樣,不同的是從後往前查詢

20,arr.copywithin(target,start,end) 方法用於從陣列的指定位置拷貝元素放到陣列的另乙個指定位置中. 

---------- target:必選 :複製到指定目標索引的位置

----------start :元素複製的起始位置

----------end: 停止複製的索引位置(預設為arr.length).如果為負值,表示倒數.

21,arr.find(callback) 找到第乙個符合條件的陣列成員,返回該項      callback:(item,index,array)=>{}

22,arr.findindex(callback) 找到第乙個符合條件的下標,返回下表     callback:(item,index,array)=>{}

23,arr.fill(target,start,end)使用給定的值,填充乙個陣列,會改變原陣列

---------target:待填充的元素

---------start:開始填充的位置--索引

----------end:結束填充的位置--索引

24,arr.includes()判斷陣列中是否包含給定的值 ,存在返回true,否則返回false

--------------與indexof()的區別:

1 indexof()返回的是數值,而includes()返回的是布林值

2 indexof() 不能判斷nan,返回為-1 ,includes()則可以判斷

25,arr.keys()遍歷陣列的鍵名

26,arr.values()遍歷陣列的鍵值

27,arr.entries()遍歷陣列的鍵名和鍵值

28,array.from() 將偽陣列變成陣列,能將只要有length屬性的就可以轉成陣列

29.array.from() 將一組數值轉換成陣列,類似於宣告陣列

但是 宣告陣列 new array() 有缺點,就是引數問題引起的過載 例如:console.log(new array(2))  輸出 [ empty x 2]是個空陣列

es6陣列的方法

擴充套件運算子 console.log 1,2,3 1 2 3 console.log 1,2,3,4 5 1 2 3 4 5 document.queryselectorall div push方法 es5的 寫法var arr1 0,1,2 var arr2 3,4,5 es6 的寫法 let ...

ES6陣列新增方法

1 字串轉陣列 個人感覺有些類似於arr.split let str hello console.log array.from str array 5 h e l l o 2 將類陣列物件轉換為真正陣列 let arrlist let arr array.from arrlist console.l...

es6 陣列擴充套件方法

1.擴充套件運算子 含義 擴充套件運算子,三個點 將乙個陣列轉為用逗號分隔的引數順序。例如 console.log 1,2,3 console.log 1,2,3 結果 1,2,3 1,2,3 用法 作為函式引數 function f x,y,z let args 0,1,2 f args 用法 求...