자바스크립트에서 향상된 for문인 forEach를 사용하는 법입니다.
forEach 메소드는 객체의 구성요소에 반복적으로 접근할 수 있는 반복자(Iterator)중의 하나입니다.
let numbers = [ 1, 2, 3, 4, 5];
숫자 5개를 원소로 가진 number 배열을 선언했습니다.
기존의 for문으로는 가지고 모든 원소를 consol창에 띄우려면 다음과 같이 코드 작성을 해야 합니다.
for(let i = 0; i < numbers.length; i++){
console.log(numbers[i]);
}
하지만 for문을 사용하기 위해서는 개발자가 반복문이 몇 회나 수행되어야 할지 정확하게 알고 있어야 합니다.
반복횟수를 잘못 지정하여 for문이 한 번 더 돌거나 한 번 덜 돌거나 하는 문제가 많이 생기게 되죠.
이때는 에러메시지도 뜨지 않기 때문에 애먼 곳에서 에러를 찾기 위해 애쓰기도 십상입니다.
반면, 향상된 for문인 forEach를 쓰시면 이런 걱정이 없어집니다.
위에서 선언한 배열의 원소들을 forEach를 두가지 방법으로 사용해 출력해 보겠습니다.
정확히 말하자면, forEach를 사용하는 두가지 방법이 아니라, 함수를 사용하는 두가지 방법이며 두 방법은 문법만 다르고 동일합니다.
numbers.forEach(function(component){
console.log(component);
});
①
numbers.forEach( component =>
console.log(component)
);
②
배열 numbers 뒤에 점(period)를 찍고 forEach() 메소드를 호출합니다.
그리고 나서는 괄호안에 실행될 함수를 작성합니다.
component는 함수가 받는 인자(parameter)입니다.
'PROGRAMMING > JavaScript' 카테고리의 다른 글
| [JavaScript.Iterator] .map() 메소드 (0) | 2018.03.08 |
|---|