자바스크립트 조건문, 반복문

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다.
또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다.

조건문

특정 조건과 명령에 따라 실행 순서를 정할 때 사용하는 구문으로 자주 사용한다.

if 문과 if~else 문

기본형

if(조건) {
    조건이 true일때 명령
}

 

 

if(조건){
    조건이 true일때 명령
} else {
    조건이 false일 때 명령
}

단순 if문이라면 false값이 나온다면 아무것도 하지 않는다.
또한 if문 하나로는 해결할 수 없는 상황이 더 많기 때문에 if~else 문 안에 또 if~else 문을 사용한다.

이를 중첩된 if~else 문이라 한다.

 

간단한 조건문

조건이 하나이고 실행할 명령도 각각 하나씩이라면 조건 연산자를 사용하여 실행할 수 있다.

 

기본형
(조건) ? true일 때 명령 : false일 때 명령

 

명령이 많다면 switch문

switch문은 조건과 값을 일대일로 일치시킨다. 조건이 일치할 경우 case문에 명령을 실행하고 break 문을 통해 완전히 빠져나오게 된다.

 switch(조건)
 {
     case 값1: 명령1
            break
     case 값2: 명령 2
             break    
     ....
     default: 명령 n
}

만약 일치하는 조건이 없다면 default 문을 통해 명령을 실행하고 이때는 break 문을 사용하지 않는다.

 

 

반복문의 for문, while문

 

for 문

반복문 중 가장 많이 사용되며 값이 일정하게 커지면서 명령을 반복하여 실행할 때 사용한다.

 

기본형

for(초기값 ; 조건 ; 증가식) {
    실행할 명령
}

• 초기값 - 변수를 초기화 한다. 보통 0이나 1부터 시작한다
• 조건 - 명령을 반복하기 위한 조건 체크 이 조건을 만족해야 다음 명령을 실행
• 증가식 - 명령을 반복한 후 실행하는 식 보통 변수를 1 증가시키는 용도로 사용

for문의 진행 과정은 초깃값 > 조건 > 명령 > 증가식 순서로 진행된다.

반복되는 식이 많을 경우 for문 안에 for문을 사용한다. 이것을 중첩된 for문이라 한다.

 

while 문과 do~while문

while 문은 조건이 true인 동안 명령을 반복한다.

기본형

while(조건)
    실행할 명령
}

 

do~while문 은 조건이 맨 뒤에 붙는다. 또한 명령을 한 번 실행한 후 조건을 체크한다.

기본형

do {
    실행할 명령
} while(조건)

 

취향이나 처리 속도 등 상황에 따라 반복문을 정해 사용된다.

 

break 문과 continue 문

break문은 조건이 완료되기 전 반복문에서 빠져나올 수 있게 한다.
예로 if( i === 3) break;라면 i값이 3이 될때 반복문은 멈추게 된다.

 

continue문은 해당 조건을 건너뛰고 반복문이 실행된다.
예로 if( i % 2 === 1) continue;라면 i값이 홀수일 경우 반복문을 건너뛰어 실행하게 된다.