2019年2月19日 星期二

[Back To Basic] Javascript - Array Iteration Methods

陣列迴圈常用的方法

所有方法,IE8以前不支援
  • forEach(callbackFunction)
    • 每一個陣列元素皆執行一次callbackFunction
  • map(callbackFunction)
    • 每一個陣列元素皆執行一次callbackFunction,並且建立一個新的array
    • var arr2 = arr1.map(callbackFunction)
  • filter(callbackFunction)
    • 每一個陣列元素皆執行一次callbackFunction,用通過的元素建立一個新的array
    • var arr2 = arr1.filter(callbackFunction)
  • reduce(callbackFunction)
    • 由左至右,每一個陣列元素皆執行一次callbackFunction,將通過的元素進行運算,壓縮為一個"結果"
  • reduceRight(callbackFunction)
    • 由右至左,每一個陣列元素皆執行一次callbackFunction,將通過的元素進行運算,壓縮為一個"結果"
  • every(callbackFunction)
    • 確認是否每一個元素都通過callbackFunction的條件
  • some(callbackFunction)
    • 確認是否有任一元素都通過callbackFunction的條件
  • indexOf("元素")
    • 找出條件符合的元素的index
    • 結果為-1代表沒找到
    • 如果符合的元素有多個,結果只會回傳第一個符合的元素的index

  • lastIndexOf("元素")
    • "由右至左",找出條件符合的元素的index
    • 結果為-1代表沒找到
    • 如果符合的元素有多個,結果只會回傳第一個符合的元素的index
  • find(callbackFunction)
    • 找出第一個條件符合的元素
  • findIndex(callbackFunction)
    • 找出第一個條件符合的元素的index

沒有留言:

張貼留言