iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 25
0
Modern Web

Angular初期筆記系列 第 25

DAY25-Angular6之Array 彙整表

說明

集合目前看到的 Array 寫成自己版本

陣列方法名稱 用途(原陣列有改變) 回傳
原陣列會被修改項目
原陣列.fill(填入值) 將陣列值 替換成 (填入值) 替換後的陣列
原陣列.copyWithin(目標,開始,結尾) 不修改陣列大小,從開始到結尾淺拷貝到指定的目標索引值 拷貝結束的陣列
原陣列.reverse() 將陣列頭尾的值 互換 回傳互換後的陣列值 ,淺拷貝
原陣列.sort(排序函式) 將陣列值經過(排序函式)後所產生的陣列 排序後的陣列 (淺拷貝)
原陣列.push(值/陣列) 添加一個 (值或陣列)到 原陣列的後面 回傳添加後陣列的陣列長度
原陣列.pop() 移除原陣列最後端的陣列值 回傳被移除的值,否為 undefined
原陣列.shift() 移除原陣列開頭的陣列值 回傳被移除的值,否為 undefined
原陣列.splice(目標索引值,刪除數量,值/陣列) 在原陣列的(目標索引值)開始,刪除 該(刪除數量),並(添加 該值/該陣列) 被刪除的陣列值,合併為新的陣列實體,若無回傳 空陣列
產生新的陣列實體
Array.from(原陣列/物件) 把(類陣列或可迭代的物件),轉為建立一個新的陣列實體
Array.of(值,可利用 , 隔開) 將(參數)集合建立一個新的陣列實體
原陣列.concat(其他陣列) 將(兩個以上陣列)合併為一個新的陣列實體
原陣列.filter( 檢驗函式 ) 經過(檢驗函式驗證為正確的值),合併為新的陣列實體
原陣列.map( 函式 ) 將陣列值都調用到 (函式),再將陣列值合併為新的陣列實體
原陣列.slice(開始,結束) 擷取從 (開始索引值)的陣列值 到 (結尾索引值)的陣列值,合併為新的陣列實體
檢驗回傳 boolean
原陣列.every( 檢驗函式 ) 所有值都須經(檢驗函式驗證為正確) ,才會回傳 true ,否為 false
原陣列.some( 檢驗函式 ) 經過(檢驗函式驗證只要有一個陣列值通過),則為 true 否則 false
原陣列.includes( 值 ) (比對陣列值是否有 該值),若有回傳 true,否為 false
具索引功能
原陣列.find( 檢驗函式 ) 經過(檢驗函式)驗證為正確的第一個值,若皆錯誤,回傳 undefined
原陣列.findIndex( 檢驗函式 ) 經過(檢驗函式)驗證為正確的第一個值的索引值,若皆為錯誤,回傳 -1
原陣列.indexOf( 值 , 開始 ) 從(開始索引值) 開始比較陣列值 是否有 該(值),比對到則回傳 該值所在的索引值,否則 -1
原陣列.lastIndexOf( 值 ) 比較全部陣列值 是否有 該(值),比對完後,回傳 最後一個 該值所在的索引值,否則 -1
回傳物件
原陣列.entries() 一個 對照陣列Key/Value 的物件
原陣列.keys() 回傳一個物件,Key 為 該陣列的索引值
其他
原陣列.forEach( 函式 )
原陣列.length 陣列的長度 (陣列中有幾個值)
Array.isArray(檢查物) (檢查是否為陣列)回傳 boolean (true/false)
原陣列.join( 字串 ) 回傳一個字串,將陣列值串接,連接字為 (該字串),預設的連接字為','
原陣列.reduce( 累加函式 ) 將陣列值 從左至右 都(調用到 函式後的結果值)
原陣列.reduceRight(累加函式 ) 將陣列值 從右至左 都(調用到 函式後的結果值)

如此錯誤懇請告知

因為 Array 滿多的,基本都有測試一次,但也還是可能錯誤,或是說明的不準確,若有任何問題可以底下留言或寄mail:bear88130@yahoo.com.tw

參考來源

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array


上一篇
DAY24-Angular6之Array 說明
下一篇
DAY26-Angular6之RxJS初介紹
系列文
Angular初期筆記30

尚未有邦友留言

立即登入留言