使用angularjs.foreach时return的问题

在写一个比较数组对象中是否存在一个对象，存在返回true,失败返回false.在return时，发现并没有退出方法，自己测试了一下.

首先先写一个数组对象，然后用angularjs的forEach方法循环比较，当存在名字为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;}();

刚开始认为，当找到value.name == 2的元素时，方法就会直接返回，所以应该只输出1 pass,true pass the test然后程序结束,但输出结果却是这样的:

结果发现在forEach里的return 居然只起到了for循环里的continue作用.
再把forEach循环的返回值和执行函数的返回值打印出来:

forEach函数返回的是循环的数组，函数的返回值是false.说明在forEach里return 并没有奏效，仅仅起到了continue的作用.
去网上搜了一下，并没有原因说明..

经老师指导，找到了原因。在当初c和c++的学习时，我们总是习惯认为只要return就会跳出我们所定义的函数，确实return确实有退出函数的作用，然而在js中并不是return没有起到效果，他也确实起到了效果:
起初我们认为return后会跳出这个方法:

实则不然，他跳出的其实这个方法:

到这我们就明白了，return确实起到了返回方法的作用，但他返回的不是我们理想的方法。而是我们定义的匿名函数，在匿名函数返回后，angular.foreach()函数又开始下一次的遍历，于是就没有能达到我们想要的效果。

解决方案:用一个临时变量存储结果，当条件成立相同时将结果改为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());

png](/img/bVbhHi8)
这样虽然能获得正确的返回值，但却无法阻止angular.forEach的循环,想来forEach应该是用在历遍数组元素来做一些操作，像这样的应该用for循环比较好一些.

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！