如何解決JavaScript forEach中return失效問(wèn)題

發(fā)布時(shí)間：2020-07-20 14:27:25 來(lái)源：億速云閱讀：232 作者：小豬欄目：web開(kāi)發(fā)

這篇文章主要為大家展示了如何解決JavaScript forEach中return失效問(wèn)題，內(nèi)容簡(jiǎn)而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來(lái)看看吧。

在最近學(xué)習(xí)并使用ES6過(guò)程中，在一次循環(huán)數(shù)組并且作判斷時(shí)返回值無(wú)效，return拿到的結(jié)果是undefined

我們分別使用for循環(huán)和forEach方法來(lái)驗(yàn)證：

結(jié)果：for循環(huán)里的可以return終止遍歷，forEach里的return不能終止遍歷

如何解決JavaScript forEach中return失效問(wèn)題

以上是return終止for循環(huán)的遍歷和forEach循環(huán)的遍歷測(cè)試。

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

我原本要實(shí)現(xiàn)的是通過(guò)判斷條件從而得到一個(gè)值返回出去，先來(lái)看看效果吧

打印結(jié)果如圖：

如何解決JavaScript forEach中return失效問(wèn)題

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

我的解決辦法是：定義一個(gè)變量，把我想返回的值保存下來(lái)，最后返回出去（最佳方法待補(bǔ)充）

控制臺(tái)打印結(jié)果：

如何解決JavaScript forEach中return失效問(wèn)題

如圖成功拿到符合判斷條件的這個(gè)數(shù)了

技術(shù)總結(jié)：forEach 無(wú)法在所有元素都傳遞給調(diào)用的函數(shù)之前終止遍歷 / 在forEach方法里 return 無(wú)效

以上就是關(guān)于如何解決JavaScript forEach中return失效問(wèn)題的內(nèi)容，如果你們有學(xué)習(xí)到知識(shí)或者技能，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡