자바스크립트 강좌 - 5. 조건문, 반복문

자바스크립트 조건문

조건문이란 어떤 코드를 실행하기에 앞서, 조건에 부합하는지 확인하는 코드이다.

if 조건문의 키워드는 2가지 종류로 나뉘는데, if 와 else 로 나뉜다.

if 문이 성립한다면, else문은 무시하게 되고, if문이 성립하지 않은 경우에는 else문을 검사하게 된다.

사용하는 방식은 다음과 같다.

var a = 5;
var b = 3;
 
if(a > b){
    console.log('a가 b보다 큽니다!');
}else if(a < b){
    console.log('b가 a보다 큽니다!');
}else{
    console.log('a와 b는 같습니다!');
}

위의 식의 4, 6, 8번이 조건문에 해당한다.

4번 if문의 안쪽에 있는 a > b의 조건이 만약에 성립한다면(true)라면, 해당하는 중괄호의 코드를 실행하고, 나머지 else 문들은 그냥 넘어간다.

지금은 a가 5이고, b가 3이기 때문에 4번의 a > b 조건이 true 이다. 따라서 5번 코드를 실행하고, 6~10번 코드는 넘어가게 된다.

만약에 a가 3이고 b가 5라면, 4번의 조건은 false이기 때문에, 6번 조건을 확인하는데, a < b가 성립하므로 7번 코드를 실행하고 나머지는 넘어가게 된다.

a > b도 아니고, b < a 도 아닌 경우는 같은 경우이기 때문에 같다고 출력한다.

if 조건문은 아주, 아주아주 자주 쓰이기 때문에 반드시 몸에 익히는 것이 좋다.

두번째로, Switch 조건문이 있다.

switch 조건문은 한번에 여러가지 조건을 확인할 때에 유용하다.

var a = 3;
 
switch(a){
    case 1:
        console.log('1입니다.');    
    case 2:
        console.log('2입니다.');
        break;
    case 3:
        console.log('3입니다.');
        break;
    default:
        console.log('다른 숫자입니다.');
        break;
}

위의 코드는 switch 문 안에 있는 a의 값을 사용하여 여러 코드를 실행한다.

주의해야할 것은, 각각의 case에 break;를 붙여주는 것인데, 이는 switch문을 탈출한다는 의미이다.

a가 1인 경우에는, '1입니다'를 출력한 이후에, break;가 없기 때문에 '2입니다'도 출력하게 되버린다.

따라서, 조건문을 구분하기 위하여 break;를 붙이자.

자바스크립트 반복문

반복문은 조건이 성립한다면 해당 코드를 계속해서 실행하는 것이다.

반복문은 시작, 조건, 가감 의 세가지 부분으로 나뉜다.

자바스크립트 반복문에는 3가지 종류가 있다. 다음의 코드들은 모두 동일한 코드이다.

var a = 0; // 시작 부분에 해당한다. 조건절에 들어갈 변수를 초기화해준다.
 
while(a < 5){// a < 5 가 종료조건이 된다.
    console.log(a);
    a = a + 1; // a가 1씩 증가한다. 가감 부분에 해당한다.
}

var a = 0; // 시작 부분에 해당한다. 조건절에 들어갈 변수를 초기화해준다.
do{
    console.log(a);
    a = a + 1; // a가 1씩 증가한다. 가감 부분에 해당한다.
}while(a<5) // a < 5 가 종료조건이 된다.

for(var a=0; a < 5; a++){
    console.log(a);
}

for 문의 경우에는, 시작 조건 가감의 세 부분이 함께 모여 있고, 세미 콜론으로 구분되어 있다.

while 문과 do-while문의 경우에는, 비슷하지만 다른 점은 while은 반복문을 시작하기 전에 조건을 확인하고 시작하는 것이고,

do-while문은 우선 반복을 1회 수행하고 이후에 조건을 확인하는 것이다.

그리고 특별하게, for-in 반복문이 존재한다.

var obj = {name:"yangd", age:25, hobby:"web"};
 
for(var i in obj){
    console.log(i);
    console.log(obj[i]);
}
 

위와 같은 코드에서, 3번의 var i in obj 이 가장 중요한데, obj 객체에 들어 있는 속성들을 i에 넣어가면서 실행하겠다는 의미이다.

따라서, console.log(i)의 경우에는 'name', 'age', 'hobby'가 출력되고,

obj[i] 구문에는 "yangd", 25, "web"이 출력되게 된다.

---

일반적으로 사용하는 프로그램들은 반복문과 조건문으로 이루어져 있다고 해도 과언이 아니다.

따라서, 숨쉬듯이 나올 수 있도록 몸에 체득하자 !

점점 일반적인 부분들이 지나가고, 이제 자바스크립트들의 강점들이 곧 나올 것 같다....... !