JS 기초-(6) 제어문: 조건문과 반복문

김수민·2022년 11월 3일
0

JavaScript

목록 보기
6/27

▶조건문

if

   if(표현식){
      표현식의 결과가 참일 때 실행하고자 하는 실행문
   }
let time=20;
if(time < 10){
	console.log("좋은 아침");
} else if (time <= 20){
	console.log("좋은 하루")
} else {
	console.log("좋은 밤")
}

👉좋은 하루
  • if =(표현식)=true 라면
  • else =(표현식)=true 가 아니라면
    • if 구문없이 쓸 수 없다.
  • else if =가 아니고 ~~라면

switch

switch(상수){
	case 상수값 : //실행할 값
	break; //위의 case일때 실행 구문 끝
	default:
	break; //default 일때 실행 구문 끝
}
let today = new Date();
let day = today.getDay();
console.log(day); //일요일부터 토요일까지 0~7의 숫자로 나타나진다.
       
switch(day){
	case 0:
	day = "일요일";
	break;
	case 1:
	day = "월요일";
	break;
	case 2:
	day = "월요일"
	break;
	case 3:
	day = "화요일";
	break;
	case 4:
	day = "수요일";
	break;
	case 5:
	day = "목요일"
	break;
	case 6:
	day = "금요일";
	break;
	default: //받아오는 값이 위의 case에 해당하지 않는 값일 때 아래를 반환한다.
	day = "토요일";
	break;
}
console.log(day); //숫자가 아닌 n요일로 작성된다.

▶반복문

while

while(조건문){
	실행문
}

조건문의 값이 true라면 false가 될때까지 반복해서 실행한다.

let i= 1;
while(i<11){
	console.log(i);
	i++;
}

위 구문은 아래처럼 작성해도 똑같은 값을 출력한다.

let i= 1;
while(true){
	console.log(i);
	i++;
	if(i>=11){
	break;
	}
}

do while

do {
	실행문
}while(조건문)

while 안의 조건문의 값이 false더라도 한번 실행한 뒤,
조건문이 true라면 false가 될때까지 반복해서 실행한다.

for

for(초기식;표현식;증감식){
	실행문
}

표현식이 true라면 false가 될때까지 반복해서 실행한다.
배열과 함께 쓰이는 for 바로가기

Object와 함께 쓰이는 for in 바로가기

for(let i=1;i<11;i++){
//i =1 변수 지정 ; i가 11이상일때까지 ; i에 값을 1씩 더해라 
console.log(i);
};

👉 콘솔창에 1부터 10까지의 숫자가 출력된다.
    <div>
        <ul>
            
        </ul>
    </div>
    
<script>
        let li="";
		for(let i=1; i<10;i++){
			li = li + `<li> ${i} * 2 = ${i*2} </li>`;
            }
        }

        document.querySelector("ul").innerHTML = li;

</script>
👉 반복적인 내용의 리스트를 작성할 수 있다.
ul을 지정하고 변수 li를 출력시켰음으로 위 스크립트를 실행 시 아래와 같은 li들을 만들 수 있다.

이중 for

for(let i=2;i<10;i++){ //1부터 10까지의 숫자
	for(let j=1; j<10;j++){ //1부터 10까지의 숫자
		console.log(`${i}곱하기${j}${i*j}`)
	}
}

for 안에도 for을 사용할 수 있다.
for을 이용하면 별찍기를 할 수 잇다.


반복문 벗어나기

break

for(let i=1;i<11;i++){
	if(i == 5){
		break;
	}
	console.log(i);
};

👉 콘솔창에 1부터 5이전(4)까지의 숫자가 출력된다.

continue

let i = 0; //변수 i에 숫자 0을 지정한다.

while(i<10){ // i가 10 미만이라면
	i++ // 1씩 더하기를 반복한다.
	if(i%2 == 0){ //만약 i를 2로 나눈 값이 0이라면(=짝수라면)
		continue; //제외하고
	}
	console.log(i); //console.log에 작성한다.
}

/*위와 아래는 동일한 내용을 다르게 쓴 것이다.*/

for(let i=1;i<10;i++){ // i가 10 미만이라면 1씩 더하기를 반복한다.
	if(i%2){ //만약 i를 2로 나눈 값이 1이라면(=홀수라면)
		console.log(i); //console.log에 작성한다.
	}
}

👉 콘솔창에 ❗ 짝수를 제외한 ❗ 1부터 10까지의 숫자가 출력된다.
profile
sumin0gig

0개의 댓글