es6中some和every方法使用簡單示例
文章略長,但比較簡單。
es6中的數(shù)組方法some()和every()都接收一個回調(diào)函數(shù)作為參數(shù),該回調(diào)函數(shù)又接收三個參數(shù),分別是數(shù)組元素、數(shù)組元素的索引、調(diào)用some或every方法的數(shù)組本身。它們的區(qū)別就是:
some方法用于判斷數(shù)組中是否存在某個符合判斷條件的元素,判斷在回調(diào)函數(shù)的函數(shù)體內(nèi)完成,并由回調(diào)函數(shù)返回一個布爾值。如果回調(diào)函數(shù)在某次返回了true,則整個some方法返回true,且結(jié)束遍歷。
every方法用于判斷數(shù)組中是否任意一個元素都符合判斷條件,判斷同樣是在回調(diào)函數(shù)的函數(shù)體內(nèi)完成,并由回調(diào)函數(shù)返回一個布爾值。如果回調(diào)函數(shù)在某次返回了false,則整個every方法返回false,且結(jié)束遍歷。
注意:some和every方法都不會改變原來的數(shù)組。
1、some方法舉例如下圖所示:
圖1
圖2
分析圖1可知,在每次執(zhí)行回調(diào)函數(shù)時,回調(diào)函數(shù)返回的布爾值都為false,因此some方法不會提前退出遍歷,因此會把數(shù)組中的每一個元素都遍歷一次。從圖2可知,在判斷第一個元素是否符合條件時,回調(diào)函數(shù)就返回了true,則整個some方法返回true,直接停止了遍歷,不再判斷后面的元素。
2、every方法舉例:
圖3
圖4
根據(jù)前面的描述:every方法會在回調(diào)函數(shù)返回false時直接中止遍歷,因此得到圖3和圖4的執(zhí)行結(jié)果。
3、回調(diào)函數(shù)沒有(主動)返回
上面的4個例子都是在回調(diào)函數(shù)主動返回布爾值,即調(diào)用了return語句的情況下分析的。下面來看如果回調(diào)函數(shù)沒有主動返回布爾值時的表現(xiàn):
對于some方法:
圖5
對于every方法:
圖6
分析圖5和圖6,可以看到在回調(diào)函數(shù)沒有主動返回布爾值的情況下,some方法沒有提前停止元素遍歷,而every方法在第一個元素后就停止遍歷了;some方法提前停止遍歷的條件是return true,every方法提前停止遍歷的條件時return false;也就是說回調(diào)函數(shù)默認會返回false;
4、特殊情況
下面再來看關(guān)于回調(diào)函數(shù)的一種特殊情況:
對于some方法:
圖7
對于every方法:
圖8
分析圖7和圖8,在回調(diào)函數(shù)同樣沒有return語句的情況下,執(zhí)行結(jié)果為什么與第3點描述的不一樣?即為什么這里能返回正確的結(jié)果?實際上,這里和第3的區(qū)別在于回調(diào)函數(shù)雖然沒有return語句,但同時也沒有大括號{}包含函數(shù)體。這種情況下,實際上和 {return xxx}的效果是一樣的,回調(diào)函數(shù)其實是有主動返回值的。
總結(jié)一下,有三個重要的點:
(1)some和every方法提前停止遍歷的前提(分別是回調(diào)函數(shù)return true和return false);
(2)回調(diào)函數(shù)沒有主動返回布爾值時,默認都是返回false;
(3)回調(diào)函數(shù)的函數(shù)體只有一個語句且沒有{}包含,實際上和有{}包含且有return語句是相同的。
到此這篇關(guān)于es6中some和every方法使用的文章就介紹到這了,更多相關(guān)es6 some和every方法使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Bootstrap學(xué)習(xí)筆記之進度條、媒體對象實例詳解
這篇文章主要介紹了Bootstrap進度條、媒體對象實例詳解,進度條包括基礎(chǔ)進度條,多彩進度條,條紋狀進度條等內(nèi)容,具體實現(xiàn)代碼大家參考下本文2017-03-03JavaScript實現(xiàn)公歷轉(zhuǎn)農(nóng)歷功能示例
這篇文章主要介紹了JavaScript實現(xiàn)公歷轉(zhuǎn)農(nóng)歷功能,涉及javascript日期與時間相關(guān)操作及運算操作技巧,需要的朋友可以參考下2017-02-02ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構(gòu)應(yīng)用示例
這篇文章主要介紹了ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構(gòu)應(yīng)用,結(jié)合實例形式分析了ES6函數(shù)對象參數(shù)相關(guān)使用技巧,需要的朋友可以參考下2019-04-04JavaScript中數(shù)組雙重去重的方法總結(jié)
這篇文章主要為大家學(xué)習(xí)介紹了JavaScript中數(shù)組雙重去重的幾個常用方法,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-07-07