[3일차] Do it! 자바스크립트 기본편 - 조건문, 반복문

---

* WARNING ! 책 및 인터넷을 통해 공부한 내용으로 정확한 정보가 아닐 수 있으니 주의해주세요! *

---

공부범위

- 4장

 

공부내용

제어문

 

1. if  /  if ~ else (조건연산자)

 

   (1) if문

   - 조건이 true일 때, 명령 실행

if(조건) {
	명령
}

   

   (2) if ~ else문

   - 조건이 false일 때, 명령 실행

if(조건) {
	명령
}
else {
	명령
}

 

   - if ~else문의 다양한 표기법

// 표기법1
if(조건) {
	명령
} else {
	명령
}

// 표기법2
if(조건)
	명령
else
	명령
    
// 표기법3
if(조건) 명령
else 명령

---

2. ?  /  : (조건연산자)

 - 조건이 하나이고 명령이 하나일 때, 사용

 - (조건) ? true 명령 : false 명령

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

---

3. truthy  /  falsy 값

 - 논리형 자료 값은 true, false

 - BUT! true나 false로 인정할 수 있는 값들 존재 = truthy / falsy

 ① 0   / 숫자0

 ② ""   / 빈 문자열

 ③ NaN   / 숫자가 아님(Not a Number)

 ④ undefined

 ⑤ null

 - 위의 5가지 falsy값을 제외한 나머지는 truthy값임

---

4. switch (조건문)

 - 여러 가지 조건이 존재할 경우 사용

 - case를 사용해서 변수에 저장했던 값을 불러올 수 있음

 - break를 통해 빠져나올 수 있음 = case중 하나만 선택 가능

 - default는 아무것도 입력하지 않았을 때 출력됨

var 변수이름 = prompt("관심사를 선택해주세요. 1-마케팅, 2-개발, 3-디자인");

switch(변수이름) {
	case"1" : document.write("<p>마케팅을 선택하셨습니다.");
    	break;
    case"2" : document.write("<p>개발을 선택하셨습니다.");
    	break;
    case"3" : document.write("<p>"디자인을 선택하셨습니다.");
    	break;
default : alert("잘못입력했습니다.");
}

---

5. for (반복문)

   (1) 반복문을 사용하는 방법

      1) 카운터 변수 선언

      - 카운트가 되는 변수

      2) for문의 조건식 작성

      3) 카운터변수 조절

      4) 반복 실행할 자바스크립트 소스 설정

var sum = 0;

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

/*
   i = 1   /   1)번
   i < 6   /   2)번
   i++     /   3)번
   sum += i;   4)번
*/

 

   (2) 중첩 for문

   - for문은 중첩해서 사용 가능

for(var k = 0; k < 5; k++) {
	for(var i = 0; i < 30; i++) {
    	document.write('*');
    }
    document.write("<br>");
}

---

6. while  /  do ~ while

 

   (1) while

      ① 조건식

      ② 자바스크립트 소스 실행

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

 

   (2) do ~ while

      ① 자바스크립트 소스 실행

      ② 조건식

 - while문과 do ~ while문의 차이

 (1)은 조건에 해당해야지만 자바스크립트 소스를 실행

 (2)는 자바스크립트 소스를 실행한 후, 조건 확인

 따라서 do ~ while문은 한 번 실행함!

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

 

   (3) for문과 while문의 차이

   - 알아보고 정리하기

---

7. break  /  continue

 

   (1) break

   - 반복문을 중단할 때 사용

for(i = 0; i < 10; i++) {
	document.write("*");
    break;  // 반복문이 종료됨
}

 

   (2) continue

   - 반복문에서 continue문을 만나면 반복문을 건너뛰고 다시 처음부터 반복함

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