3-1. 반복문이란?

개발을 할 때는 다양한 상상력이 필요하다. 한 가지 상황을 상상해 보자.

당신에게 4명의 외국인 친구가 있다. 각국에 있는 외국인 친구는 각기 다른 날짜에 한국을 방문하고 싶어한다. 각 친구들이 한국에 방문할 때마다 맛집 리스트를 알려줘야 하는 상황이다. 물론 친구가 5명뿐이라면 그 때 그 때 필요에 따라 리스트를 작성하여 설명해주는 것은 어렵지 않은 일이다. 그렇지만 당신은 핵인싸! 1,000명, 10,000명의 외국인 친구가 있다고 생각한다면 매번 똑같은 설명(똑같은 수행 코드)을 1,000명, 10,000명에게 해야하는 것은(반복) 쉬운 일이 아닐 것이다.

이럴 때 필요한게 바로 반복문이다. 그럼 지금부터 자바스크립트에서 반복문을 사용하는 다양한 방법을 살펴보자.

3-2. for 문

for문은 변수를 선언하는 초기화식과, 결과(true or false)에 따라 실행문의 실행 여부를 판단하는 조건식, 실행문 이후 변수의 증감을 나타내는 증감식으로 구성되어 있다.

for(초기화식; 조건식; 증감식) {
	실행문;
}

알잘딱갈센 JavaScript : for문의 구조 이해를 돕기위한 다이어그램

const kFoods= ['김치', '비빔밥', '김밥', '떡볶이', '순두부찌개'];

let info = '꼭 먹어야 할 한국 음식: '
for(let i = 0; i < kFoods.length; i++) {
	info += kFoods[i];
	// 조건문은 뒤에 나오는 내용이지만, 깔끔한 결과물 출력을 위해 넣어둡니다.
	if(i < kFoods.length - 1) info += ', ';
}

console.log(info);

3-2-1. for문의 선택적 사용

for문의 구성요소들은 모두 선택적으로 사용할 수 있다.

let i = 0;  // 변수 선언
for (; i < 7; i++) {
	console.log('count: ' + i)
}

조건식 또한 선택적으로 사용가능하지만 실행문 안에 조건문을 넣어 무한루프에 빠지지 않도록 해야한다.