首页 > web前端 > js教程 > angularjs.foreach使用时return的用法

angularjs.foreach使用时return的用法

不言
发布: 2018-09-30 16:10:48
转载
3365 人浏览过

本篇文章给大家带来的内容是关于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然后程序结束,但输出结果却是这样的:

2140344550-5bb04434117b3_articlex.png

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

2719625032-5bb046deef48e_articlex.png

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

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

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

以上是angularjs.foreach使用时return的用法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:segmentfault.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
angular.js - angularJS ng-style 用法
来自于 1970-01-01 08:00:00
0
0
0
angular.js - mock.js 支持 angularjs promise ajax 拦截
来自于 1970-01-01 08:00:00
0
0
0
angular.js - angularjs子页面 怎么引用js
来自于 1970-01-01 08:00:00
0
0
0
angular.js - angularjs如何默认选中radio
来自于 1970-01-01 08:00:00
0
0
0
angular.js - AngularJS的学习
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板