使用angularjs.foreach時(shí)return的問(wèn)題解決

AngularJS中當(dāng)我們需要遍歷某個(gè)數(shù)組的時(shí)候，我們會(huì)用到forEach語(yǔ)法。AngularJS中forEach的用法如下：

angular.forEach(array,function(obj,index){
doSomething();
})

array表示需要遍歷的數(shù)組，obj表示遍歷時(shí)的每個(gè)元素，index表示遍歷時(shí)元素的下標(biāo)。index不是必須的參數(shù)，可以不寫(xiě)。可以根據(jù)需要添加與否。

在寫(xiě)一個(gè)比較數(shù)組對(duì)象中是否存在一個(gè)對(duì)象，存在返回true,失敗返回false.在return時(shí)，發(fā)現(xiàn)并沒(méi)有退出方法，自己測(cè)試了一下.

首先先寫(xiě)一個(gè)數(shù)組對(duì)象，然后用angularjs的forEach方法循環(huán)比較，當(dāng)存在名字為2的對(duì)象時(shí)，輸出true并返回，否則輸出false并返回.

self.test = function() {
 var testArray = [{name: 1},{name:2},{name:3}];
 angular.forEach(testArray, function(value, key){
 if (value.name == 2) {console.log(true + ' pass the test');return;}
 console.log(value.name + ' pass');
 });
 console.log(false + ' pass the test');
 return false;
 }();

剛開(kāi)始認(rèn)為，當(dāng)找到value.name == 2的元素時(shí)，方法就會(huì)直接返回，所以應(yīng)該只輸出1 pass,true pass the test然后程序結(jié)束,但輸出結(jié)果卻是這樣的:

結(jié)果發(fā)現(xiàn)在forEach里的return 居然只起到了for循環(huán)里的continue作用.

再把forEach循環(huán)的返回值和執(zhí)行函數(shù)的返回值打印出來(lái):

forEach函數(shù)返回的是循環(huán)的數(shù)組，函數(shù)的返回值是false.說(shuō)明在forEach里return 并沒(méi)有奏效，僅僅起到了continue的作用.
去網(wǎng)上搜了一下，并沒(méi)有原因說(shuō)明..

解決方案:用一個(gè)臨時(shí)變量存儲(chǔ)結(jié)果，當(dāng)條件成立相同時(shí)將結(jié)果改為true:

self.test = function() {
 var testArray = [{name: 1},{name:2},{name:3}];
 var result = false;
 angular.forEach(testArray, function(value, key){
 if (value.name == 2) {result = true;}
 });
 return result;
 };
 console.log(self.test());

這樣雖然能獲得正確的返回值，但卻無(wú)法阻止forEach的循環(huán),想來(lái)forEach應(yīng)該是用在歷遍數(shù)組元素來(lái)做一些操作，像這樣的應(yīng)該用for循環(huán)比較好一些.

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com