AngularJS에서 객체 또는 배열에 반복문을 사용하는 방법에 대하여 알아봅니다. 많이 사용되는 for문 외에 key, value로 객체의 프로퍼티를 반복하여 실행하는 반복문 사용이 가능한 forEach() 구문을 사용할 수 있습니다. 아래는 간단한 사용방법입니다.

forEach(items, function(key, value) {
  // Code here
});



# AngularJS 반복문 forEach() 예제보기

그럼 간단한 예제를 만들어 알아보겠습니다. 만약 객체 mySite가 있고 그 프로퍼티들을 출력하는 경우 아래와 같이 사용할 수 있습니다.

mySite = {
  'web': 'a',
  'is': 'b',
  'free': 'c'
}

forEach(mySite, function(key, value) {
  console.log(mySite[value]);
})
실행하면 각각의 프로퍼티 값들이 아래와 같이 출력됩니다.

a
b
c

각각의 프로퍼티 값들이 forEach()를 사용하여 출력되었습니다. 이처럼 forEach()를 사용하여 간단한 반복문을 수행할 수 있습니다.



# 배열에 대하여 forEach()문 사용하기, Array배열 역시 동일하게 사용할 수 있습니다. 아래 예제를 봐주세요.
var test = [1, 2, 3]; angular.forEach(test, function(value) {
  console.log(value);
});

출력결과입니다.
1 2 3

이처럼 배열이 가진 값을 모두 출력하게 됩니다.