[ JavaScript ] JS 반복문 for 문법

이미지 출처 :       https://www.inflearn.com/course/javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%95%EC%A2%8C#

 

 

 

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다.

 

---

- 반복문

 

사람은 반복적인 작업을하면 지루해하고 많은 작업을 할수록 실수가 발생합니다.컴퓨터는 이런 반복적인 작업을 대신해줄수있습니다.

 

- for

 

자바스크립트에서 반복을 표현하는 방법 중 하나인 for는 아래의 형식을 하고 있습니다.

 

 

 

for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 }

 

예시를 보도록 하겠습니다.

 

 

 

 

for(var i = 0; i < 10; i++){
    document.write('hi~'+i+'<br />');
}

 

 

for문은 제일 먼저 '초기화'를 합니다.

위의 예제에서 초기화는

 

var i = 0; 입니다.

 

그 후 i < 10을 실행하고 조건이 참이라면 중괄호 안에있는 코드가 실행됩니다.

맨 처음 i의 값은 0이라 "hi~ 0" 텍스트가 출력됩니다.

중괄호안에있는 코드의 실행이 끝나면 i는 i++되어 중괄호안에있는 내용을 반복적으로 실행합니다.

이 행위를 i가 10이 되었을때, i < 10 

i는 10보다 작지 않기때문에 조건이 종료됩니다.

 

실행 값

 

 

 

 

 

- for vs while

 

while 문은 세가지 부분으로 되어 있습니다.

 

변수 초기화

반복 조건

반복 실행문

 

var i =0;
while(i<10){
console.log('test');
    i++;
}

 

 

위의 예제에서

 

var i =0; 에 해당하는 부분이 변수 초기화입니다.

 

i<10 에 해당하는 부분은 반복 조건이고,

 

i++ 에 해당하는 부분이 반복 실행문입니다.

 

같은 코드를 for 문으로 작성해보도록 하겠습니다.

 

 

for(var i = 0; i < 10; i++){
    console.log('test'+i);
}

 

코드가 훨씬 간결해집니다.

 

 

 

 

 

SUA 정보보안 멘토링에 참여하고 있습니다.