AngularJS – forEach() 函数

pythonserver side programmingprogramming更新于 2025/12/14 9:16:17

AngularJS 中的 forEach() 函数使用 Iterator 对象来迭代项目或对象集合或数组。 iterator 函数使用 iterator 对象(value, key, obj) 调用，其中，

value 表示 object 属性或数组元素，
key 指定对象属性键或数组元素索引，
obj 表示整个对象。

请注意，forEach() 函数不会遍历继承的属性。

语法

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

示例 −使用 forEach() 迭代值

在 Angular 项目目录中创建文件"forEach.html"并复制粘贴以下代码片段。

<!DOCTYPE html>
<html>
   <head>
      <title>angular.forEach()</title>

      <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js">
      </script>
   </head>

   <body ng-app="app" ng-cloak style="padding:30px">
      <h1 style="color:green">
         Welcome to Tutorials Point
      </h1>
      <h2>AngularJS | angular.forEach()</h2>
         <p>Employee Names:</p>
      <div ng-controller="demo">
         <div ng-repeat="name in names">
            <ul><li>{{name}}</li></ul>
         </div>
      </div>

      <!-- 用于传递值和检查的脚本...->
      <script>
         var app = angular.module("app", []);
         app.controller('demo', ['$scope', function ($scope) {
            $scope.names = [];
            var values = [{name: 'John'},
                      {name: 'Steve'},
                      {name: 'Bill'},
                      {name: 'Clark'},
                      {name: 'Tim'}];
            angular.forEach(values, function (value, key) {
               $scope.names.push(value.name);
            });
         }]);
      </script>
   </body>
</html>