欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

es6中some和every方法使用簡單示例

 更新時間:2023年04月03日 09:53:25   作者:tdhszsh  
JavaScript在ES6版本后提供了一些更加便捷的方法供開發(fā)者使用,實現(xiàn)原理其實是在對應的構造函數(shù)原型提供方法,下面這篇文章主要給大家介紹了關于es6中some和every方法使用的相關資料,需要的朋友可以參考下

文章略長,但比較簡單。

es6中的數(shù)組方法some()和every()都接收一個回調函數(shù)作為參數(shù),該回調函數(shù)又接收三個參數(shù),分別是數(shù)組元素、數(shù)組元素的索引、調用some或every方法的數(shù)組本身。它們的區(qū)別就是:

some方法用于判斷數(shù)組中是否存在某個符合判斷條件的元素,判斷在回調函數(shù)的函數(shù)體內完成,并由回調函數(shù)返回一個布爾值。如果回調函數(shù)在某次返回了true,則整個some方法返回true,且結束遍歷。

every方法用于判斷數(shù)組中是否任意一個元素都符合判斷條件,判斷同樣是在回調函數(shù)的函數(shù)體內完成,并由回調函數(shù)返回一個布爾值。如果回調函數(shù)在某次返回了false,則整個every方法返回false,且結束遍歷。

注意:some和every方法都不會改變原來的數(shù)組。

1、some方法舉例如下圖所示:

圖1

圖1

圖2

圖2

分析圖1可知,在每次執(zhí)行回調函數(shù)時,回調函數(shù)返回的布爾值都為false,因此some方法不會提前退出遍歷,因此會把數(shù)組中的每一個元素都遍歷一次。從圖2可知,在判斷第一個元素是否符合條件時,回調函數(shù)就返回了true,則整個some方法返回true,直接停止了遍歷,不再判斷后面的元素。

2、every方法舉例:

圖3

圖4

根據(jù)前面的描述:every方法會在回調函數(shù)返回false時直接中止遍歷,因此得到圖3和圖4的執(zhí)行結果。

3、回調函數(shù)沒有(主動)返回

上面的4個例子都是在回調函數(shù)主動返回布爾值,即調用了return語句的情況下分析的。下面來看如果回調函數(shù)沒有主動返回布爾值時的表現(xiàn):

對于some方法:

圖5

對于every方法:

圖6

分析圖5和圖6,可以看到在回調函數(shù)沒有主動返回布爾值的情況下,some方法沒有提前停止元素遍歷,而every方法在第一個元素后就停止遍歷了;some方法提前停止遍歷的條件是return true,every方法提前停止遍歷的條件時return false;也就是說回調函數(shù)默認會返回false;

4、特殊情況

下面再來看關于回調函數(shù)的一種特殊情況:

對于some方法:

圖7

對于every方法:

圖8

分析圖7和圖8,在回調函數(shù)同樣沒有return語句的情況下,執(zhí)行結果為什么與第3點描述的不一樣?即為什么這里能返回正確的結果?實際上,這里和第3的區(qū)別在于回調函數(shù)雖然沒有return語句,但同時也沒有大括號{}包含函數(shù)體。這種情況下,實際上和 {return xxx}的效果是一樣的,回調函數(shù)其實是有主動返回值的。

總結一下,有三個重要的點:

(1)some和every方法提前停止遍歷的前提(分別是回調函數(shù)return true和return false);

(2)回調函數(shù)沒有主動返回布爾值時,默認都是返回false;

(3)回調函數(shù)的函數(shù)體只有一個語句且沒有{}包含,實際上和有{}包含且有return語句是相同的。

到此這篇關于es6中some和every方法使用的文章就介紹到這了,更多相關es6 some和every方法使用內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • asp.net+js實現(xiàn)金額格式化

    asp.net+js實現(xiàn)金額格式化

    這篇文章主要介紹了asp.net+js實現(xiàn)金額格式化的相關資料,需要的朋友可以參考下
    2015-02-02
  • JScript實現(xiàn)表格的簡單操作

    JScript實現(xiàn)表格的簡單操作

    這篇文章主要為大家詳細介紹了JScript實現(xiàn)簡單的表格操作,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • 詳解ES6中的三種異步解決方案

    詳解ES6中的三種異步解決方案

    這篇文章主要介紹了詳解ES6中的三種異步解決方案,詳細的介紹了這三種方案的實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-06-06
  • Bootstrap學習筆記之進度條、媒體對象實例詳解

    Bootstrap學習筆記之進度條、媒體對象實例詳解

    這篇文章主要介紹了Bootstrap進度條、媒體對象實例詳解,進度條包括基礎進度條,多彩進度條,條紋狀進度條等內容,具體實現(xiàn)代碼大家參考下本文
    2017-03-03
  • JavaScript實現(xiàn)公歷轉農歷功能示例

    JavaScript實現(xiàn)公歷轉農歷功能示例

    這篇文章主要介紹了JavaScript實現(xiàn)公歷轉農歷功能,涉及javascript日期與時間相關操作及運算操作技巧,需要的朋友可以參考下
    2017-02-02
  • ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構應用示例

    ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構應用示例

    這篇文章主要介紹了ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構應用,結合實例形式分析了ES6函數(shù)對象參數(shù)相關使用技巧,需要的朋友可以參考下
    2019-04-04
  • js簡單工廠模式用法實例

    js簡單工廠模式用法實例

    這篇文章主要介紹了js簡單工廠模式用法,實例分析了javascript工廠模式的實現(xiàn)原理,需要的朋友可以參考下
    2015-06-06
  • ES6的一些實用高級技巧總結

    ES6的一些實用高級技巧總結

    ES6不僅在語法上有很大的改進,在代碼的組織結構上也有重大升級,下面這篇文章主要給大家介紹了關于ES6的一些實用高級技巧的相關資料,需要的朋友可以參考下
    2023-12-12
  • JavaScript中數(shù)組雙重去重的方法總結

    JavaScript中數(shù)組雙重去重的方法總結

    這篇文章主要為大家學習介紹了JavaScript中數(shù)組雙重去重的幾個常用方法,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2023-07-07
  • JS實現(xiàn)搜索關鍵詞的智能提示功能

    JS實現(xiàn)搜索關鍵詞的智能提示功能

    最近在百度搜索的時候,當你輸入一個字或者詞的時候,他會給你們彈出一個下拉框出來,里面是和你相關的搜索提示,效果非常人性化,基于js怎么實現(xiàn)搜索關鍵詞智能提示功能,下面小編通過實例代碼給大家介紹下,需要的的朋友參考下吧
    2017-07-07

最新評論