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

專注于為中小企業(yè)提供網(wǎng)站制作、成都網(wǎng)站制作服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)達拉特免費做網(wǎng)站提供優(yōu)質的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉變。

數(shù)組方法

高階函數(shù)

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

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

forEach 方法 循環(huán)

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

參數(shù)用法:

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

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

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

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

//普通寫法

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

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

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

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

})

//箭頭函數(shù)

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

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

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

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

})

map 方法 執(zhí)行操作

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

特點:不改變元數(shù)組,返回一個新數(shù)組

注意:

map 不會對空數(shù)組進行檢測

map 不會改變原數(shù)組

參數(shù)用法:

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

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

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

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

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

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

})

filter 方法 過濾

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

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

參數(shù)用法:

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

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

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

//寫法一

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 方法 判斷返回布爾值

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

參數(shù)用法:

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

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

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

//數(shù)據(jù)復雜時,使用比較好

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

    return ele.屬性 > 10

})

from 方法 數(shù)組轉換

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

參數(shù):

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

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

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

     return ele*2

 })

 console.log(arr)

find 方法 查找元素,

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

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

參數(shù)用法:

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

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

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

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

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

     return ele > 11

 })

findIndex 方法 查找返回索引

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

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

參數(shù)用法:

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

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

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

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

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

     return ele > 11

 })

includes 方法 查找元素

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

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

 var isHas = arr.includes('c')

字符串中也有該方法

到此，相信大家對“JavaScript高階函數(shù)怎么用”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！