조건문을 다시 정리해보자.(if문, 삼항연산자, switch문, while문, for문, break문, continue문)

조건문 사용하는 이유!!!

코딩을 하다보면 무조건 코드를 실행 시키는 것이 아니라 특정 조건을 걸고 그 조건에서 실행을 해야하는 경우가 많습니다.

이때 조건문을 사용하면 내가 원하는 조건이나 타이밍에 코드를 실행 시킬 수 있습니다.

 

1. 프로그램의 유연성 향상: 조건문을 사용하면 프로그램이 다양한 조건에 대해 반응할 수 있습니다. 이를 통해 프로그램의 유연성이 향상되고 더 많은 상황에서 사용할 수 있습니다.
2. 효율적인 문제 해결: 조건문을 사용하여 프로그램은 특정 조건에 따라 다른 작업을 수행할 수 있습니다. 이를 통해 특정 문제에 대한 효율적인 해결 방법을 제공할 수 있습니다.
3. 코드의 가독성 향상: 조건문은 코드의 가독성을 높일 수 있습니다. 조건문을 사용하면 프로그램의 흐름이 명확해지며, 다른 사람이 코드를 이해하고 유지보수하는 것이 더 쉬워집니다.
4. 예외 처리: 프로그램에서 예외 상황이 발생할 수 있습니다. 조건문을 사용하면 이러한 예외 상황을 처리할 수 있습니다. 예를 들어, 사용자가 잘못된 입력을 제공하는 경우, 조건문을 사용하여 프로그램이 올바른 입력을 요청하거나 오류 메시지를 표시하도록 할 수 있습니다.

 

1.if문

조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.

//false : 0, null, undefined, false, ""(빈문자열)
// true : 1, 2, "0", "1", "ABC", 배열[], 객체{}, true
if("") {
    document.write("실행되었습니다.(true)");
} else {
    document.write("실행되었습니다.(false)");
}
결과 값 : else문이 실행됩니다.

조건문 주의 사항

• 거짓 : 0, " "(빈문자열), null, undefined, false

2.if문 생략

조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.

const num = 100;
if(num) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");

결과값 : if문인 true가 실행 됩니다.

조건문 주의 사항

• 거짓 : 0, " "(빈문자열), null, undefined, false

3. 삼항 연산자

if문과 비슷하게 조건을 하나 걸어두고 "?"를 기준으로 참과 거짓을 구분해서 출력합니다.

 const num = 100;

(num == 100) ? document.write("true") : document.writ("false");

결과값 : true

 

4.다중 if문

else if문을 통해서 여러개의 조건을 사용 할수가 있습니다.

 // === : type, 자료형, 배열까지 확인 함
const num = 100;

if(num == 90) {
    document.write("실행되었습니다.(num == 90)");
} else if(num == 100) {
    document.write("실행되었습니다.(num == 100)");
}
else if(num == 110) {
    document.write("실행되었습니다.(num == 110)");
}
else if(num == 120) {
    document.write("실행되었습니다.(num == 120)");
}
else {
    document.write("실행되었습니다");
}

결과값 : else문이 실행 됩니다.

조건문 주의 사항

• 거짓 : 0, " "(빈문자열), null, undefined, false

5.중첩 if문

if문안에 여러개의 if문을 작성해서 사용이 가능합니다.

const num = 100;

if(num == 100){
    document.write("실행되었습니다.(1)");

    if(num == 100){
        document.write("실행되었습니다.(2)");

        if(num == 100){
            document.write("실행되었습니다.(3)");
        }
    }
} else {
    document.write("실행되었습니다.(4)");
}

결과값 : 실행되었습니다.(1)
         실행되었습니다.(2)
         실행되었습니다.(3)

주의사항

• 중첩 if문은 if문 안에 여러개의 if문을 작성 할 수 있습니다.
• 하지만 너무 많은 중첩if문은 가독성이 떨어지고 안좋습니다.

6.switch문

switch문에 조건을 걸어두면 case에서 조건이 맞는 값을 실행시킵니다. case에 만족하는 조건이 없으면 default가 실행이 됩니다. 이때 break문이 없으면 모든 case문이 실행이 되니. break을 걸어줘야 합니다.

const num = 100;
            
//break문이 없으면 모든 case문이 실행 됨.
switch(num === 100){
    case 90:
        document.write("실행90");
         break;
    case 80:
         document.write("실행80");
         break;
     case 70:
         document.write("실행70");
         break;
     case 60:
         document.write("실행60");
         break;
     case 50:
         document.write("실행50");
         break;
     default:
         document.write("0"); 
}

결과값 : default가 실행 됩니다.

주의사항

• switch문 사용시 break문을 안쓰면 모든 case문이 실행됩니다.
• break 꼭 사용해주세요

7.while문

while문은 조건이 만족할때까지 반복적으로 수행 합니다. 그리고 반복 조건이 만족하면 while문을 빠져나옵니다.

 

let num2 = 0;
 
do {
    //후연산자로 증가된 num2가 실행 됩니다.
    document.write(num2);
    
    //후연산자를 사용하여 여기서는 1이 아직 증가가 안되고. 
    //밑에 while문 호출하면서 1이 증가가 됩니다.
    num2++;
} while(num2 < 5);

결과값 : 4

8.do while문

while문은 조건이 만족할때까지 반복적으로 수행 합니다. 그리고 반복 조건이 만족하면 while문을 빠져나옵니다.

 let num2 = 0;
do {
    document.write(num2);
    num2++;
} while(num2 < 5);

결과값 : 4

 

9.for문

for문은 1부터 지정한 숫자까지 코드를 실행 시켜주는 명령어 입니다.

//배열을 선언하여 데이터를 저장 함.
let num = [1,2,3,4,5,6,7,8,9];
//연산을 저장해 줄 값임
let sum = 0;

//1부터 배열의 인덱스 길이만큼 for문을 반복 함.
for(let j=0; j<num.length; j++){
    document.write(num[j]);
    //배열에 저장된 데이터를 0번지부터 8번지까지 더한후 sum에 저장
    sum += num[j];
}
document.write("<br>");
document.write(sum); // 45 출력

해결방법

• 배열에 저장된 데이터가 매번 바뀔 수 있으므로 length라는 것을 사용했습니다.
• length는 길이를 출력 합니다.
• 그래서 배열의 0번지부터 마지막번지까지 하나하나 길이를 가져와서 출력을 해줍니다.

10.중첩 for문

//첫번째 for문은 세로로 1이 출력이 되고
//두번째 for문에 의해 나머지 가로로 2,3,4,5,6,7,8,9,10이 출력됩니다.
//이렇게해서 세로10칸, 가로10칸을 출력합니다.
for(let i=1; i<=10; i++){
 document.write(i);
 
 for(let j=1; j<=10; j++){
     document.write(j);
 }
}

해결방법

• 첫번째 for문은 세로로 1부터 시작
• 두번째 for문은 가로로 1부터 시작

11.break문

break문은 반복 조건문에서 빠져 나올 수 있게 해줍니다.

만약 특별한 경우 빠져 나가고 싶다면 break문을 꼭 사용합시다.

for(let i=1; i<100; i++){
    //i가 10가 똑같다면 for문에서 빠져 나옵니다.
    if(i === 10){
   	  break;
    }
    
    document.write(i); // 결과값 : 9 출력
}

해결방법

• 사용 도중에 특정한 값을 빠져 나오는 것을 생각하는 도중에 break문을 사용하게 되었습니다.
• 개발을 하던 중 true로 무한 루프에 빠지게하고 원하는 값이 나올떄 break문을 이용하는 것을 잊지맙시다.

12.continue문

반복 조건이나 무한루프에 빠트리고 특정 조건이 만족되면 그때부터 실행되길 원한다면 continue를 꼭 씁시다.

for(let i=1; i<20; i++){
    //i가 10이 되면 10을 제외 시키고 계속 진행 시킵니다.
    if(i === 10){
        continue;
    }
    
    document.write(i); // 1~19까지 출력됩니다.[이중 "10"은 제외입니다.]
}