在最近學習並使用ES6過程中,在一次循環數組並且作判斷時返回值無效,return拿到的結果是undefined
我們分別使用for循環和forEach方法來驗證:
(function() { let arr = [1,2,3,4,5] for(let i =0; i < arr.length; i++) { console.log(arr[i]) if(arr[i] == 3) { return } } })(); console.log('---------------------'); (function(){ let arr = [1,2,3,4,5] arr.forEach(item => { console.log(i) if(item == 3) { return } }) })();
結果:for循環里的可以return終止遍歷,forEach里的return不能終止遍歷
以上是return終止for循環的遍歷和forEach循環的遍歷測試。
-------------------------------------------------------------- 分 割 線 ---------------------------------------------------------------------------------
我原本要實現的是通過判斷條件從而得到一個值返回出去,先來看看效果吧
console.log((function() { let arr = [1,2,3,4,5] for(let i =0; i < arr.length; i++) { if(arr[i] == 3) { return i } } })()); console.log('---------------------'); console.log((function(){ let arr = [1,2,3,4,5] arr.forEach(item => { if(item == 3) { return item } }) })());
打印結果如圖:
顯然:Array的forEach()方法是不能return的。
我的解決辦法是:定義一個變量,把我想返回的值保存下來,最后返回出去 (最佳方法待補充)
(function(){ let arr = [1,2,3,4,5] let temp = "" arr.forEach(item => { if(item == 3) { temp = item } }) return temp })();
控制台打印結果:
如圖成功拿到符合判斷條件的這個數了
官方指路:
技術總結:
1.forEach 無法在所有元素都傳遞給調用的函數之前終止遍歷 / 在forEach方法里 return 無效
2.使用其它寫法:for循環、some()、every()、find()、findIndex()..