使用angularjs.foreach时return的问题

发布时间:2019-07-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了使用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然后程序结束,但输出结果却是这样的:

使用angularjs.foreach时return的问题

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

使用angularjs.foreach时return的问题


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

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

使用angularjs.foreach时return的问题

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

使用angularjs.foreach时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循环比较好一些.

使用angularjs.foreach时return的问题

脚本宝典总结

以上是脚本宝典为你收集整理的使用angularjs.foreach时return的问题全部内容,希望文章能够帮你解决使用angularjs.foreach时return的问题所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。