使用angularjs.foreach時return的問題解決

更新時間：2018年09月30日 14:05:58 作者：鯨冬香

這篇文章主要介紹了使用angularjs.foreach時return的問題解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

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

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

array表示需要遍歷的數(shù)組，obj表示遍歷時的每個元素，index表示遍歷時元素的下標(biāo)。index不是必須的參數(shù)，可以不寫?？梢愿鶕?jù)需要添加與否。

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

首先先寫一個數(shù)組對象，然后用angularjs的forEach方法循環(huán)比較，當(dāng)存在名字為2的對象時，輸出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;
 }();

剛開始認(rèn)為，當(dāng)找到value.name == 2的元素時，方法就會直接返回，所以應(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ù)的返回值打印出來:

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

解決方案:用一個臨時變量存儲結(jié)果，當(dāng)條件成立相同時將結(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());