[TIL] Do it 자바스크립트 입문_제어문

새롭게 알게 된 사실

• if...else문을 만들 때 true가 될 경우가 많은 조건을 if문에 넣고, 다른 조건을 else문에서 처리하는 것이 좋다
  프로그램 실행 시간이 더 짧을 것
  
  
• for문에서 반복 횟수의 기준이 되는 변수를 카운터 변수라고 한다
  보통 i라고 이름을 붙이고 0으로 초기화 한다
  반복문을 시작하기 전에 반드시 초기화 해야 한다
• 여러 값을 차례로 순회할 때는 for...of문을 사용한다
  
  

let seasons = ["봄", "여름", "가을", "겨울"];
for(let value of seasons) {
	console.log(value);
}

결과는 봄 여름 가을 겨울

 

• <script> 태그 안에서 HTML 태그를 사용하려면 쌍따옴표 안에 적는다
  ex) document.write("<br>");
• for문은 횟수가 정해져 있는 반복 명령을 작성할 때 편리
  while문과 do...while문은 특정 조건을 만족하는 동안에만 명령을 반복
  
  
• do...while문은 조건이 맨 뒤에 붙는다
  일단 문장을 한 번 실행한 후 조건을 확인한다
  
  
• 어떤 반복문을 사용해야 할까?
  -> for문은 초기값이 있으면서 일정한 간격으로 반복할 때
  while문과 do...while문은 초기값, 반복 간격이 없고 조건만 주어짐
  while문과 do...while문의 차이는 조건 확인 전에 문장을 한 번 실행하느냐 안하느냐의 차이
  
  

---

 

정리

• if
  조건이 true면 소스 실행, false면 소스 무시
  
  
• if...else
  조건이 맞을 때 실행할 명령과 맞지 않을 때 실행할 명령이 따로 있다면 if...else 문 사용
  
  
• 조건 연산자 : 물음표, 콜론
  -> 조건이 하나, 실행할 명령도 하나면 조건 연산자가 간단
  (조건) ? (true일 때 실행) : (false일 때 실행)
  
  

var score = 75;
(score >= 60) ? alert("통과") : alert("실패");

 

• switch, case
  조건이 3개 이상일 때 사용
  break문은 명령을 실행한 다음에는 완전히 switch문을 빠져나오도록 한다
  default는 case 조건에서 전부 일치하지 않을 때 실행하는 명령

var session = prompt("관심 세션을 선택해 주세요. 1-마케팅, 2-개발, 3-디자인","1");

switch(session) {
	case "1" : document.write("<p>마케팅 세션은 <strong>201호</strong>에서 진행됩니다.</p>");
		break;
	case "2" : document.write("<p>개발 세션은 <strong>203호</strong>에서 진행됩니다.</p>");
		break;
	case "3" : document.write("<p>디자인 세션은 <strong>205호</strong>에서 진행됩니다.</p>");
		break;
	default: alert("잘못 입력했습니다.");
}

 

• for
  값이 일정하게 커지면서 명령을 반복 실행할 때 편리한 반복문
  중첩가능
  
  

var sum = 0;
        
for (var i = 1; i < 6; i++) {
	sum += i;
}
document.write("1부터 5까지 더하면 " + sum);

1부터 5까지 더하는 프로그램

for(카운터 변수 선언; 조건식; 카운터 변수 조절) -> 선언, 조건, 조절

 

• while, do...while
  특정 조건 만족하는 동안에만 명령 반복
  
  

var i = 0;
while (i<10) {
	document.write('반복 조건이 true이면 반복합니다. <br>');
    i += 1;
}
// while문

var i = 0;
do {
	document.write('반복 조건이 true이면 반복합니다. <br>');
    i += 1;
} while (i<10);
// do...while문

 

• break
  break는 반복문의 흐름에서 바로 빠져나올 때 사용
  
  

for (i=0; i<10; i++) {
	document.write("*");
    break; // 이 지점에 오면 바로 반복문 종료
}

결과는 * 하나

 

• continue
  주어진 조건에 맞는 값을 만났을 때 실행하던 반복 문장을 건너뛰고 맨 앞으로 되돌아 가서 반복 다시 시작
  
  

for (i=0; i<10; i++) {
	document.write("*");
    continue;
    document.write("continue문 때문에 이 문장은 건너뜁니다.");
}

결과는 * 10개

 

var n = 10;
var sum = 0;

for(var i=1; i<=n; i++) {
	if(i%2==1) {
    	continue;
    }
    sum += i;
    
    document.write(i + " ------ " + sum + "<br>");
}

10까지 짝수만 더하기