📜  AngularJS | angular.forEach()函数(1)

📅  最后修改于: 2023-12-03 15:29:24.128000             🧑  作者: Mango

AngularJS | angular.forEach()函数

简介

angular.forEach()是AngularJS中的一个内置函数,用于在循环中遍历一个集合对象(如Array、Object等)。它的作用类似于JavaScript中的foreach循环。

语法
angular.forEach(obj, iterator, [context])

其中:

  • obj:要被遍历的集合对象,可以是Array、Object等;
  • iterator:每次循环时要执行的函数,接收三个参数:迭代的值、关键字或者索引、整个object对象;
  • context:可选的参数,将作为iterator函数中this的值;
例子

以下是一个简单的例子,展示了如何使用angular.forEach()来遍历一个数组,并将其中的偶数项加倍后输出。

var numbers = [2, 5, 8, 10, 13];
var doubledNumbers = [];

angular.forEach(numbers, function(number, index) {
  if(index%2 === 0) {
    doubledNumbers.push(number*2);
  }
});

console.log(doubledNumbers); // 输出 [4, 16, 26]
注释
  • 在iterator函数中修改原集合对象的元素时,会影响到循环进行的结果。因此不建议这么做,如果需要修改元素,最好使用其他方式。
  • 如果集合对象中包含未定义或空的值,这些值不会被当做循环的迭代值,因此不会被传入iterator函数。
  • 在使用context参数时,需要在iterator函数中使用this访问context对象。
参考资料