AngularJS의 forEach() 함수는 Iterator 객체를 사용하여 항목 또는 객체 컬렉션 또는 배열을 반복합니다. 반복자 함수는 반복자 개체와 함께 호출됩니다. (값, 키, 개체 ) 어디에,
- 값은 개체를 나타냅니다. 속성 또는 배열 요소,
- 키 개체 속성 키 또는 배열 요소 인덱스를 지정하고
- 객체 전체 개체를 나타냅니다.
forEach() 함수는 상속된 속성을 반복하지 않습니다.
구문
angular.forEach(obj, iterator, [context])
예 - forEach()를 사용하여 값 반복
"forEach.html 파일 만들기 " Angular 프로젝트 디렉토리에 다음 코드 스니펫을 복사하여 붙여넣습니다.
<!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 for passing the values and checking... -->
<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> 출력
위의 코드를 실행하려면 파일로 이동하여 일반 HTML 파일로 실행하십시오. 브라우저 창에 다음과 같은 출력이 표시됩니다.
값이 같지 않을 때 -
