使用angularjs.foreach时return的问题解决

AngularJS中当我们需要遍历某个数组的时候，我们会用到forEach语法。AngularJS中forEach的用法如下：

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

array表示需要遍历的数组，obj表示遍历时的每个元素，index表示遍历时元素的下标。index不是必须的参数，可以不写。可以根据需要添加与否。

在写一个比较数组对象中是否存在一个对象，存在返回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的作用.
去网上搜了一下，并没有原因说明..

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • angular.foreach 循环方法使用指南

    angular有自己的生命周期.循环给一个 angular监听的变量复值时.最好还是用angular自带的循环方法."angular.foreach" 格式: 复制代码 代码如下: var objs =[{a:1},{a:2}]; angular.forEach(objs, function(data,index,array){ //data等价于array[index] console.log(data.a+'='+array[index].a); }); 参数如下: objs:需要

  • angular forEach方法遍历源码解读

    angular中提供了forEach()方法用于遍历对象或数组,供大家参考,具体内容如下 function forEach(obj, iterator, context) { var key, length; if (obj) { if (isFunction(obj)) { for (key in obj) { // Need to check if hasOwnProperty exists, // as on IE8 the result of querySelectorAll is an

  • 使用angularjs.foreach时return的问题解决

    AngularJS中当我们需要遍历某个数组的时候,我们会用到forEach语法.AngularJS中forEach的用法如下: angular.forEach(array,function(obj,index){ doSomething(); }) array表示需要遍历的数组,obj表示遍历时的每个元素,index表示遍历时元素的下标.index不是必须的参数,可以不写.可以根据需要添加与否. 在写一个比较数组对象中是否存在一个对象,存在返回true,失败返回false.在return时,发现

  • 关于Python 多重继承时metaclass conflict问题解决与原理探究

    目录 背景 什么是metaclass(元类) 类比普通class与metaclass 自定义与使用metaclass metaclass confict(元类冲突)的清晰含义 解决方案 参考 背景 最近有一个需求需要自定义一个多继承abc.ABC与django.contrib.admin.ModelAdmin两个父类的抽象子类,方便不同模块复用大部分代码,同时强制必须实现所有抽象方法,没想按想当然的写法实现多继承时,居然报错metaclass conflict: In [1]: import a

  • PHP递归返回值时出现的问题解决办法

    我们在使用PHP递归时,会遇到各种各样的问题,其中比较令人苦恼的是有关PHP递归返回值时出现的问题.其实细细想想这是一个很简单的问题.可就是这个简单的问题困扰了半个下午.问题出在递归函数的返回值上. 这是开始写的: 复制代码 代码如下: <?php   function test($i)   {   $i -= 4;   if($i < 3)   {   return $i;   }   else    {   test($i);   }   }   echo test(30);   ?>

  • JQuery发送ajax请求时中文乱码问题解决

    这篇文章主要介绍了JQuery发送ajax请求时中文乱码问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 先排除项目故障: 1.web.xml中是否配置了字符拦截器 <filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter

  • json_decode 索引为数字时自动排序问题解决方法

    json_encode 索引为数字,自动排序问题 使用son_encode 给前端返回数据,结果顺序不对,经debug调试,发现是json_encode 函数的问题: { "code": 0, "msg": "请求成功!", "data": { "2018-10": { "17": [ { "id": 730, "uid": "11820

  • JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别

    JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别

    原生js使用forEach()与jquery使用each()遍历数组,return false 的区别: 1.使用each()遍历数组a,如下: var a=[20,21,22,23,24]; $.each(a, function(index,val) { console.log('index='+index); if(index==2){ return false; } console.log('val='+val); }); 结果如下: 从运行的效果可以看出,return 相当于循环中的br

  • JavaScript forEach中return失效问题解决方案

    在最近学习并使用ES6过程中,在一次循环数组并且作判断时返回值无效,return拿到的结果是undefined 我们分别使用for循环和forEach方法来验证: 结果:for循环里的可以return终止遍历,forEach里的return不能终止遍历 以上是return终止for循环的遍历和forEach循环的遍历测试. -------------------------------------------------------------- 分 割 线 ------------------

  • Java下载文件时文件名乱码问题解决办法

    复制代码 代码如下: public static String toUtf8String(String s) { StringBuffer sb = new StringBuffer();              for (int i = 0; i < s.length(); i++) {                  char c = s.charAt(i);                  if (c >= 0 && c <= 255) {          

  • 修复 Django migration 时遇到的问题解决

    今天想给自己的 Blog 加点功能,顺便补上测试,然而第一步在创建测试数据库就过不了,我就尝试解决这个问题. 在跑 ./manage.py test 时,先会创建一个测试用的数据库,这时我遇到了一个问题: ValueError: Related model 'telegrambot.User' cannot be resolved 这个错误是指,相关的 Model telegrambot.User 无法解析,这是怎么回事? 然后因为 ./manage.py test 根本没有打印出其他有用的信息

  • AngularJS上拉加载问题解决方法

    AngularJS上拉加载问题解决方法

    项目中始终存在一个问题:当在搜索栏输入关键词后(见图1),按照既定的业务逻辑应该是服务端接收到请求后,首先返回查询的前7条数据,待客户端出现上拉加载时,继续查找另外7条数据.但实际情形是不确定的,在服务端控制台(见图2)可看到begno一直到了126,也就是相当于客户端往服务端请求了127次,这是一个令人无法忍受的结果. 图1 客户端搜索栏 图2 服务端控制台 可以断定是客户端的业务逻辑出现了问题.返回到客户端,查看源码逻辑,修改如下: 控制器 $scope.medsearchMore = fu

随机推荐