QUOTE THE DAY
“ 당신이 6개월 이상 한 번도 보지 않은 코드는 다른 사람이 다시 만드는 게 훨씬 더 나을 수 있다. ”
-
이글슨 (Eagleson)
반응형
반복문
반복문은 같은 동작을 여러 번 실행하기 위해 사용하는 문입니다.
반복문을 사용하면 불필요하게 여러 명령을 늘어놓지 않아도 명령을 반복 실행할 수 있습니다.
그만큼 소스 코드도 깔끔해지고 프로그램 실행도 더 빨라집니다.
반복문에는 for 문, forEach 문, for in 문, for of 문 등이 있고, 이것들에 대해 한번 알아보겠습니다.
1. for 문
- 자바스크립트에서 가장 많이 사용하는 반복문은 for 문이다.
- for 문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리하다.
- for 문에서는 몇 번 반복했는지 기록하기 위해 카운터를 사용합니다.
- for 문의 첫 번째 항에서 카운터 변수를 지정한다.
실행 순서
- 초깃값 : 몇 번 반복할지 지정하기 위해 카운터 변수를 사용하는데, 이 항목에서 변수를 선언하고 초기화합니다. 초깃값은 0이나 1부터 시작합니다.
- 조건 : 문장을 반복하기 위해 체크할 조건 부분입니다. 이 조건을 만족해야 for 문에 있는 명령을 반복할 수가 있습니다.
- 증가식 : 문장을 실행한 후 카운터 변수를 증가시키는 부분입니다. 보통 카운터값을 하나 더 증가시키는 용도로 사용합니다.
2. forEach 문
배열(array) 내 원소들은 (비동기) 함수를 적용해서 반복하는 forEach 문법.
forEach 문법은 아래와 같은 특징들을 가지고 있다.
- forEach 문법은 비동기 함수인 callback 함수 하나를 받는다.
- callback 함수로 입력되는 파라미터값은 순서대로 요소값(element), 요소의 인덱스(index), 배열전체(array)이다.
- callback 함수로 입력되는 파라미터 중 원하는 파라미터들만 받아서 사용가능하기 때문에, 모두 받거나 하나만 받아서 사용할 수도 있다.
- callback 함수는 ES6문법인 화살표(arrow,=>)를 사용해서 축양된 형태로 사용이 가능하다.
3 for...in 문
맵(map) 내 원소들을 반복하는 for...in 문법.
반복시키려는 값이 (map)으로서 객체(object)타입의 요소들을 가진다면, 그리고 이 요소들을 하나씩 접근하려 한다면 for..in을 사용한다. for..in 문법은 아래의 특징을 가진다.
- for..in 문법은 배열(array)가 아닌 맵(map)의 요소들을 반복한다. 따라서 배열의 요소가 아닌 맵의 요소가 반복될 때 사용된다.
- for..in 문법에서 반복되는 element 값은 원소의 내용이 아닌 원소가 위치한 키(key)이다.
- for..in 문법에서 반복되는 키(key)에 해당하는 값(value)은 대괄호([])를 사용해서 접근한다.
2. for...of 문
배열(array) 내 원소들을 반복하는 for..of 문법.
반복시키려는 값이 배열(array)이라면, 아래처럼 for..in 문법을 사용해서 간단하게 사용할 수 있다.
for..of 문법은 아래의 특징들을 가지고 있다.
- for..of 문법은 배열(array)의 요소들을 반복한다.
[javascript 반복문 비교 ]
< 짝수와 홀수를 구별하는 프로그램 >
See the Pen Untitled by seolhee313 (@seolhee313) on CodePen.
반응형
