1. 程式人生 > 程式設計 >JavaScript forEach中return失效問題解決方案

JavaScript forEach中return失效問題解決方案

在最近學習並使用ES6過程中,在一次迴圈陣列並且作判斷時返回值無效,return拿到的結果是undefined

我們分別使用for迴圈和forEach方法來驗證:

結果:for迴圈裡的可以return終止遍歷,forEach裡的return不能終止遍歷

JavaScript forEach中return失效問題解決方案

以上是return終止for迴圈的遍歷和forEach迴圈的遍歷測試。

-------------------------------------------------------------- 分 割 線 ---------------------------------------------------------------------------------

我原本要實現的是通過判斷條件從而得到一個值返回出去,先來看看效果吧

列印結果如圖:

JavaScript forEach中return失效問題解決方案

顯然:Array的forEach()方法是不能return的。

我的解決辦法是:定義一個變數,把我想返回的值儲存下來,最後返回出去 (最佳方法待補充)

控制檯列印結果:

JavaScript forEach中return失效問題解決方案

如圖成功拿到符合判斷條件的這個數了

技術總結:forEach 無法在所有元素都傳遞給呼叫的函式之前終止遍歷 / 在forEach方法裡 return 無效

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。