javascript - 기초 (2)

연산자와 제어문

1) 연산자

비교 연산자

 - 비교연산자의 결과는 기본적으로 true/false 입니다.

>	크다	==	값이 같다 (타입 상관 없음)
<	작다	===	값과 타입이 모두 같다
>=	크거나 같다	!=	같지 않다
<=	작거나 같다	!==	값이나 타입이 같지 않다
?	3항 연산 (조건) ? 참인 경우 : 거짓인 경우

- 삼항 조건 연산자 예시

var a = 10;
var b = 3;
        
var result = a > b ? "javascript" : "Hello"; // 조건식 ? 참 출력 내용 : 거짓 출력 내용
document.write(result); // a가 b보다 크므로 javascript가 출력

논리 연산자

&&	AND 연산자
||	OR 연산자
!	NOT 연산자

2) 조건문

if, else if

 - 조건이 참인 경우 수행하며 else 와 결합해 조건 범위나 조건을 세분화하는 것이 가능하다.

var price = Number(prompt("구매 금액은 얼마입니까?"));

if (price < 20000) {
	document.write("주문금액 부족" + "<br>");
} else if (price < 50000) {
	document.write("배송비 2500원 추가 " + "<br>");
	price += 2500
} else {
	document.write("무료배송" + "<br>");
};
document.write(price + "원 주문하셨습니다.")

switch

 - 입력값에 따라 처리를 다르게 하는 경우 사용합니다.

var num = Number(prompt("숫자를 입력하세요", ""));

switch (num) {
	case 1:
		document.write(num + " 을 입력하셨습니다.");
		break; // 조건문이나 반복문을 빠져 나갈 때 사용
	case 2:
		document.write(num + " 을 입력하셨습니다.");
		break;
	case 3:
		document.write(num + " 을 입력하셨습니다.");
		break;
	default:  //생략가능
		alert("잘못 입력하셨습니다. 1~3의 숫자를 입력하세요");
		break;
};

3) 반복문

for

 - 기본 구조는 시작조건, 종료조건, 증감식을 가지는 형태이다.

 다음 예제는 5행 5열의 테이블을 만들어 1~25부터의 숫자를 입력하는 것이다.

var num=1;
var t="<table border='1'>";

for (var i =1; i <= 5; i++){
	t += "<tr>";
	for(var j = 1; j<=5; j++) {
		t += "<td>" + num + "</td>";
		num++;
	}t += "</tr>";
}t += "</table>";
document.write(t);

while

 - 조건이 성립하는 경우 계속 반복하는 구문이다.

var i = 1;
while ( i < 10 ) {
	document.write( i + '<br>' );
	i++;
};