JavaScript forEach中return失效問題解決方案
在最近學(xué)習(xí)并使用ES6過程中,在一次循環(huán)數(shù)組并且作判斷時(shí)返回值無效,return拿到的結(jié)果是undefined
我們分別使用for循環(huán)和forEach方法來驗(yàn)證:
結(jié)果:for循環(huán)里的可以return終止遍歷,forEach里的return不能終止遍歷
以上是return終止for循環(huán)的遍歷和forEach循環(huán)的遍歷測試。
-------------------------------------------------------------- 分 割 線 ---------------------------------------------------------------------------------
我原本要實(shí)現(xiàn)的是通過判斷條件從而得到一個(gè)值返回出去,先來看看效果吧
打印結(jié)果如圖:
顯然:Array的forEach()方法是不能return的。
我的解決辦法是:定義一個(gè)變量,把我想返回的值保存下來,最后返回出去 (最佳方法待補(bǔ)充)
控制臺(tái)打印結(jié)果:
如圖成功拿到符合判斷條件的這個(gè)數(shù)了
技術(shù)總結(jié):forEach 無法在所有元素都傳遞給調(diào)用的函數(shù)之前終止遍歷 / 在forEach方法里 return 無效
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript加強(qiáng)之自定義event事件
event事件在本文以自定義的方式出現(xiàn),感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09不使用中間變量,交換int型的 a, b兩個(gè)變量的值。
群中的題目,不過這樣大眾臉的題想必大家都見過,就看能玩出什么新花招2010-10-10JavaScript實(shí)現(xiàn)求最大公共子串的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)求最大公共子串的方法,涉及javascript針對(duì)字符串的遍歷、匹配、運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下2018-02-02JavaScript運(yùn)動(dòng)框架 解決防抖動(dòng)問題、懸浮對(duì)聯(lián)(二)
這篇文章主要為大家詳細(xì)介紹了JavaScript運(yùn)動(dòng)框架的第二部分,解決防抖動(dòng)問題、懸浮對(duì)聯(lián)問題,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05vue3+Pinia+TypeScript?實(shí)現(xiàn)封裝輪播圖組件
這篇文章主要介紹了vue3+Pinia+TypeScript?實(shí)現(xiàn)封裝輪播圖組件,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的朋友可以參考一下2022-07-07javascript 關(guān)于# 和 void的區(qū)別分析
href 為#的跳到了自己的頁面。原來‘#’代表的是 #top ,2009-10-10