Programming/Javascript

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

양디 2016.10.17 22:33


자바스크립트 조건문

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


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


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


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


1
2
3
4
5
6
7
8
9
10
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는 같습니다!');
}
cs


위의 식의 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 조건문은 한번에 여러가지 조건을 확인할 때에 유용하다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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;
}
cs


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

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

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


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


자바스크립트 반복문

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


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


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


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


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


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


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


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

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


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


1
2
3
4
5
6
7
var obj = {name:"yangd", age:25, hobby:"web"};
 
for(var i in obj){
    console.log(i);
    console.log(obj[i]);
}
 
cs


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

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

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




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

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

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

댓글 0

티스토리 툴바