자바스크립트 조건문

자바스크립트 조건문

 

 

 

 

오늘은 제가 지금까지 배운 자바스크립트 조건문에 대해 정리해보려고 합니다!

if문, 다중 if(else if), if문 생략, 삼항 연산자(조건 연산자), 중첩 if문, for문, 중첩 for(table),switch문, while문, do while문, break문 continue문 에 대해 정리해보겠습니다!

 

 

 

 

if문

if다음에  { }를 사용해 조건을 표기합니다.
조건을 체크한 후 결괏값이 ture면 if문에 있는 명령을 , false면 if문에 있는 명령은 건너뛰고 다음명령을 실행합니다.

if (조건) {
 조건이 ture일 때 실행할 명령(들)
}

 

 

 

 

if...else문 

조건을 체크한 후 ture일 때 처리할 명령과false일 때 처리할 명령이 따로 있다면 if 문과 else문을 사용합니다.
또한 if...else문 안에 또 다른 if문이나 if...else문을 사용할 수 있습니다.

if (조건) {
 조건이 ture일 때 실행할 명령(들)
} else {
 조건이 false일 때 실행할 명령(들)
}

 

if(1){
 document.write("실행되었습니다.(ture)");
} else {
 document.write("실행되었습니다.(false)");
}

 

 

 

 

 

if문 생략

If문이나 else문에서 { }를 생략해서 좀 더 간단하게 작성 할 수 있습니다.

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

아래와 같이 더 간략하게 작성할 수 있습니다.

if(unm) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.");

 

 

 

삼항 연산자(조건 연산자)

조건이 복잡하지 않고 ture와 false가 명확할 경우 if문을 사용하지 않고 조건 연산자만으로 조건을 체크할수있습니다.

const num  100;

if(unm == 100){
 document.write("true");
} else {
 document.write("false");

아래와 같이 더 간략하게 작성할 수 있습니다.

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

 

 

 

 

 

중첩 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)")
 }

 

 

 

 

 

for문

자바스크립트에서 가장 많이 사용하는 반복문입니다.
for문과 if문을 사용해 배열에 있는 값 1부터  9까지 구하고, 짝수는 빨간색, 홀수는 파란색으로 실행하는 방법입니다.

const arr =[1,2,3,4,5,6,7,8,9]

for(let i=1; i>=arr.length; i++){
 if(i % 2 == 0){
  document.write("<span style='color:red'>" + i + "</span>");
 } else {
  document.write(`<span style=`color:blue'>${i}</span>`)
  }
 }

 

 

 

 

 

중첩 for문

중첩 for문을 이용해 table을 만드는 방법입니다.

{
 let table = "<table border='1'>";

 for(let i=0; i<5; i++){
  table +="<tr>";
  for(j=0; j&lt;5; j++){
   table += "<td>" +j+ "</td>";
   }
   table +="</tr>";
 }

 table += "</table>";

 document.write(table);
}

 

 

switch문

체크해야 할 조건값이 많을 경우에는 여러 개의 if...else 문을 사용하는 것보다 switch문이 더 편리합니다.
switch문 안에 있는 case 문엥서 각 값에 따라 실행할 명령을 따로 구분하면 됩니다.
switch 문에 있는 조건은 case 중 하나에만 일치하고, case를 실행한 후에는 완전히 switch문을 빠져나옵니다.

기본형

switch (조건)
{
	case 값: 문장
    brake;
    case 값: 문장
    break;
    .
    .
    .
    default : 문장
}

예제

{
    const num = 100;

    switch(num){
        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")
        }
}

👉 0

 

while문

조건이 참(ture)인 동안 문장을 반복합니다.
while문은 조건부터 체크한 후 ture일 경우에만 문장을 반복합니다.
조건이 false라면 문장은 한 번도 실행되지 않을 수 있습니다.

기본형

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

예제

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

👉 01234

 

 

do while문

while문과 달리 조건이 맨 뒤에 붙습니다.
문장을 한번 실행한 후 조건을 체크합니다.
그러므로 조건이 false 라고 해도 일단 문장이 최소 한번은 실행됩니다.

기본형

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

예제

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

👉 01234

 

brake문

반복문은 지정한 횟수만큼 명령을 반복하지만, 조건에 따라 반복문을 중간에 끝낼 수 있습니다.
이때 break문을 사용합니다.

예제

for(let i=1; i<20; i++){

    if(i == 10){
        break;
    }
    document.write(i);
}

👉 1~9까지

 

continue 문

조건에 해당되는 값을 만났을 때 실행하던 반복 문장을 건너뛰고 반복문의 맨 앞으로 되돌아가서 다음 반복 과정으로 넘어가도록 합니다.

예제

for(let i=1; i<20; i++){

    if(i == 10){
        continue;
    }
    document.write(i);                   //위치에 따라 값이 달라짐
}

👉 1~19까지 10빼고