JavaScript forEach中return失效問(wèn)題解決方案
在最近學(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不能終止遍歷

以上是return終止for循環(huán)的遍歷和forEach循環(huán)的遍歷測(cè)試。
-------------------------------------------------------------- 分 割 線 ---------------------------------------------------------------------------------
我原本要實(shí)現(xiàn)的是通過(guò)判斷條件從而得到一個(gè)值返回出去,先來(lái)看看效果吧
打印結(jié)果如圖:

顯然:Array的forEach()方法是不能return的。
我的解決辦法是:定義一個(gè)變量,把我想返回的值保存下來(lái),最后返回出去 (最佳方法待補(bǔ)充)
控制臺(tái)打印結(jié)果:

如圖成功拿到符合判斷條件的這個(gè)數(shù)了
技術(shù)總結(jié):forEach 無(wú)法在所有元素都傳遞給調(diào)用的函數(shù)之前終止遍歷 / 在forEach方法里 return 無(wú)效
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
在JavaScript中獲取請(qǐng)求的URL參數(shù)[正則]
在ASP.NET后臺(tái)代碼中,對(duì)于這樣的URL請(qǐng)求地址:http://www.abc.com?id=001,我們可以通過(guò)Request.QueryString["id"]的方法很容易的獲取到URL中請(qǐng)求的參數(shù)的值,但是要在前臺(tái)js代碼中獲取請(qǐng)求的參數(shù)的值,應(yīng)該怎么做呢?2010-12-12
使用json-server簡(jiǎn)單完成CRUD模擬后臺(tái)數(shù)據(jù)的方法
這篇文章主要介紹了使用json-server簡(jiǎn)單完成CRUD模擬后臺(tái)數(shù)據(jù)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
CocosCreator通用框架設(shè)計(jì)之網(wǎng)絡(luò)
這篇文章主要介紹了CocosCreator通用框架設(shè)計(jì)之網(wǎng)絡(luò),詳細(xì)講解了WebSocket的原理和使用方法,對(duì)WebSocket感興趣的同學(xué),一定要看一下2021-04-04
模仿JQuery sortable效果 代碼有錯(cuò)但值得看看
模仿JQuery sortable效果 代碼有錯(cuò)但值得看看,因?yàn)闀r(shí)間關(guān)系,需要的朋友可以參考下。2009-11-11
TypeScript 引用資源文件后提示找不到的異常處理技巧
這篇文章主要介紹了TypeScript 引用資源文件后提示找不到的異常處理,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
淺談JS封閉函數(shù)、閉包、內(nèi)置對(duì)象
下面小編就為大家?guī)?lái)一篇淺談JS封閉函數(shù)、閉包、內(nèi)置對(duì)象。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
setInterval 不準(zhǔn)的原因及問(wèn)題解決方案
setInterval 是 JavaScript 中用于定時(shí)執(zhí)行任務(wù)的常用方法,本文主要介紹了setInterval 不準(zhǔn)的原因及問(wèn)題解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2025-02-02
Java?Script網(wǎng)頁(yè)設(shè)計(jì)案例詳解
下面我將提供一個(gè)簡(jiǎn)單的JavaScript網(wǎng)頁(yè)設(shè)計(jì)案例,該案例將實(shí)現(xiàn)一個(gè)動(dòng)態(tài)的待辦事項(xiàng)列表(Todo List),用戶可以在頁(yè)面上添加新的待辦事項(xiàng),標(biāo)記它們?yōu)橐淹瓿?以及刪除它們,這篇文章主要介紹了Java?Script網(wǎng)頁(yè)設(shè)計(jì)案例,需要的朋友可以參考下2024-08-08

