JavaScript高階函數怎么用

本篇內容主要講解“JavaScript高階函數怎么用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JavaScript高階函數怎么用”吧!

數組方法

高階函數

高階函數是對其他函數進行操作的函數,可以將它們作為參數或通過返回它們.

高階函數是一個函數,它接收函數作為參數或者將函數作為輸出返回

forEach 方法 循環

用法: 遍歷數組,可以對每個值做一些操作

參數用法:

參數1:必需;當前的元素(類似于,for 循環中的 i)

參數2:可選;當前遍歷元素的索引值

參數3:可選;當前元素所屬的數組對象

var arr = ['a','b','c','d']

//普通寫法

arr.forEach(function(ele,i,array){

    console.log(ele); //當前的元素

    console.log(i); //當前的元素的索引值

    console.log(array); //當前的元素的數組對象

})

//箭頭函數

arr.forEach((ele,i,array)=>{

    console.log(ele); //當前的元素

    console.log(i); //當前的元素的索引值

    console.log(array); //當前的元素的數組對象

})

map 方法 執行操作

用法:對數組中的每一個元素運行指定函數,返回每次調用函數的結果,將其組成一個新數組

特點:不改變元數組,返回一個新數組

注意:

map 不會對空數組進行檢測

map 不會改變原數組

參數用法:

參數1:必需;當前的元素(類似于,for 循環中的 i)

參數2:可選;當前遍歷元素的索引值

參數3:可選;當前元素所屬的數組對象

var arr = ['1','2','3','4']

var fresh =  arr.forEach((ele,i,array)=>{

   return ele*2  //對每個元素乘2

})

filter 方法 過濾

用法:對數組中的元素進行過濾篩選,將滿足條件的元素組成新數組返回

特點:將滿足條件的元素返回新數組

參數用法:

參數1:必需;當前的元素(類似于,for 循環中的 i)

參數2:可選;當前遍歷元素的索引值

參數3:可選;當前元素所屬的數組對象

//寫法一

var arr = ['張三','李四','王五','張三豐','王小六'];

var fresh = arr.filter((ele,i,array)=>{

    return /^王/.test(ele) //篩選出所有姓王的名字

}) 

//寫法二

var ages = [32,33,55,16,8,40];

function fn(age){

    return age >= 18

}

var greater = ages.filter(fn)

some 方法 判斷返回布爾值

用法: 查找數組中是否有滿足指定條件的元素,然后返回布爾值

參數用法:

參數1:必需;當前的元素(類似于,for 循環中的 i)

參數2:可選;當前遍歷元素的索引值

參數3:可選;當前元素所屬的數組對象

//數據復雜時,使用比較好

var isHas = arr.some((ele)=>{

    return ele.屬性 > 10

})

from 方法 數組轉換

用法:把類數組轉換為真正的淺拷貝數組,返回轉換后的新數組

參數:

參數1: 要轉換的數據(類數組)

參數2:回調函數,用來對每個元素進行操作,將處理好的值放入新的數組中

 var arr = Array.from('123456',(ele)=>{

     return ele*2

 })

 console.log(arr)

find 方法 查找元素,

用法:查找滿足添加的第一個元素,返回該元素

注意:找到第一個滿足的條件時,就不會在繼續查找其他元素

參數用法:

參數1:必需;當前的元素(類似于,for 循環中的 i)

參數2:可選;當前遍歷元素的索引值

參數3:可選;當前元素所屬的數組對象

 var arr = [55,10,3,6,88,22]

 var item = arr.find((ele,i,array)=>{

     return ele > 11

 })

findIndex 方法 查找返回索引

用法:查找滿足條件的第一個索引,返回該元素的索引

注意:找到第一個滿足的條件時,就不會在繼續查找其他元素

參數用法:

參數1:必需;當前的元素(類似于,for 循環中的 i)

參數2:可選;當前遍歷元素的索引值

參數3:可選;當前元素所屬的數組對象

 var arr = [55,10,3,6,88,22]

 var item = arr.findIndex((ele,i,array)=>{

     return ele > 11

 })

includes 方法 查找元素

用法:判斷數組中是否包含某個指定元素,找到返回true,否則返回false

 var arr = ['a','b','c'];

 var isHas = arr.includes('c')

字符串中也有該方法

到此，相信大家對“JavaScript高階函數怎么用”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！