JavaScript - for (반복문)

자바스크립트 반복문

반복문은 왜 사용하는 것일까? 반복문을 사용하는 가장 큰 이유 중 하나는 중복된 작업을 피하기 위해서다.

예를 들어서 8을 100번 출력해야하는 과제가 있다. 반복문을 사용하지 않으면 다음과 같은 코드를 100번 입력해야 한다.

console.log(8)

따라서 100번의 작업을 하다보면 실수의 가능성 또한 높아지고 여러므로 좋지 않다는 것을 느낄 수 있을 것이다. 

 

반복문(loop) 사용하기 : 자바스크립트에서는 for, while, do while을 사용할 수 있지만 이번에는 for문만 알아보겠다.

 

for문의 기본 문법

for(let i=0; i<100; i++)
	console.log(8)

8을 100번 출력해야 한다는 상황을 가정하여 예시를 들어보았다. i라는 변수를 0으로 초기화 한뒤, i의 범위는 100 미만으로 설정하였다. i를 0으로 초기화 하였기 때문에 0부터 시작한다. 따라서 100번을 출력하기 위해서는 0부터 99까지 100개가 되며 마지막에 i를 1씩 증가한다는 증감식인 i++를 입력하였다. 여기까지가 기본적인 for문의 구성이며 for문의 조건이 참일경우 수행되어야할 console명령어를 입력하였다. 따라서 100개의 8이 출력되는 것이다.

 

for in vs for of : for문에도 for in 반복문과 for of 반복문을 활용할 수 있다.

for in 반복문

let person = {
    name: "Kim",
    age: 28,
    job: "programmer",
    hobby: "reading" 
};

for(i in person) 
	console.log(i, person[i]);
    
/* 출력 결과
            name Kim
            age 28
            job programmer
            hobby reading
*/

출력 결과는 다음과 같다. for in 반복문은 주로 객체 자료형의 데이터들에 접근할 때 사용된다. 

 

for of 반복문

const array=["Kim", "Park", "Shin", "Ahn"]

for(i of array)
	console.log(i)


/* 출력 결과
    Kim
    Park
    Shin
    Ahn
*/

출력 결과는 다음과 같다. for of 반복문은 주로 배열에 사용된다.

 

for in 반복문과 for of 반복문의 차이점은 무엇일까? for in 반복문은 객체의 key를 순환하고 for of 반복문은 배열 값(value)을 순환한다고 정의할 수 있다.