WEB

[JS] 자바스크립트 기초(2) - 조건문, 반복문

드르렁퓨 2022. 7. 26. 17:50

1. if문

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js1/test5.html</title>
<script type="text/javascript">

//제어문(조건문)

/*
if(조건){
// 	조건이 참이면 동작하는 명령
}else{
// 	조건이 거짓이면 동작하는 명령
}
*/


a=10;
if(a==10){
	//조건이 true이면 실행될 문장
	alert("a는 10하고 같다")
}else{
	//조건이 false 이면 실행될 문장
	alert("a는 10하고 다름")
}

a=-5;
//양수, 음수
if(a > 0){
	alert(a +" : 양수");
}else{
	alert(a +" : 음수");
}


a=8;
//양수 0 음수
if(a<0){
	alert(a +" : 음수");
}else if(a==0){
	alert(a +" : 0");
}else{
	alert(a +" : 양수");
}

</script>
</head>
<body>

</body>
</html>

 

 

2. 비교연산자 논리연산자

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js1/test6.html</title>
<script type="text/javascript">
	// 비교 연산자 논리연산자 비교연산자
	//and 연산자 모두 true 이면 => true, 하나라도 false => false
	// or (||) 연산자 하나라도 true 이면 => true, 모두 false => false
	// not(!) 연산자 true => false, false => true
	
	var a =4;
	
	alert(a==10 && a<=10); //true
	alert(a==10 && a!=10); //false
	
	alert(a==10 || a!=10); //true
	alert(a<10 || a!=10); //false
	
	alert(!a==10); //false
	
// 	a변수에 있는 값이 4보다 크거나 같은 경우 동시에 10보다 작거나 같은 경우
	//참이면 4~10사이 값
	//거짓이면 4~10사이 값이 아니다
	
	if(a>=4 && a<=10){
		alert(a+" : 4~10사이값");
	}else{
		alert(a+" : 4~10사이값 아님");
	}
	
	// a 변수에 1,2,3,4 같이 저장되면
	// a 변수값이 1이거나 3이면 "남", 아니면 "여"
	
	if(a==1 || a==3){
		alert("남");
	}else{
		alert("여");
	}
</script>
</head>
<body>

</body>
</html>

 

 

 

3. switch 문

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js1/test7.html</title>
<script type="text/javascript">
//switch 문 => 처리할 명령이 많은 경우

// switch(변수 or 계산식){
// 	case 값1: 명령1; break;
// 	case 값2: 명령2; break;
// 	case 값3: 명령3; break;
// 	case 값4: 명령4; break;
// 	default:나머지명령
// }

// 1~5 이면 1 ~5 출력, 나머지 1~5 아님 출력
var a=3;
switch(a){
	case 1: alert(a); break;
	case 2: alert(a); break;
	case 3: alert(a); break;
	case 4: alert(a); break;
	case 5: alert(a); break;
	default: alert("1~5 아님");
}


var a="일";
switch(a){
	case "일": alert(a); break;
	case "이": alert(a); break;
	case "삼": alert(a); break;
	case "사": alert(a); break;
	case "오": alert(a); break;
	default: alert("1~5 아님");
}

</script>
</head>
<body>

</body>
</html>

 

 

4. for 문

js에서는 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js1/test8.html</title>
<script type="text/javascript">
//반복문
alert(1);
alert(2);
alert(3);
alert(4);
alert(5);

//1~5 카운트 반복
// for(초기값;조건;증가값){
// 	조건이 참이면 반복할 문장
// }

for(i=1;i <= 5;i++){
	//i<=5 참이면 반복할 문장 => 거짓이면 반복문 빠져나옴
	alert(i);
	
}

//0에서 9까지 출력
for(i=0;i<10;i++){
	alert(i);
}

//10에서 1까지 출력
for(i=10;i>=1;i--){
	alert(i);
}

// 변수 i 1~ 10까지 합을 구하기 1+2+3+4...+10 => 변수 sum
var sum=0;
for(i=1;i<=10;i++){
	//alert(i);
	//sum 변수에 i변수 값 저장
	//sum = sum+i;
	sum += i;
}
alert("1~10까지 합 : "+sum);

var a=9;
//3의 배수 => 3으로 나누었을 때 나머지가 0 인 수
if(a%3 ==0){
	alert(a + " : 3의 배수");
}else{
	alert(a + " : 3의 배수가 아님");
}

//1 ~ 10 수중에 2의 배수 찾아서 출력
for(i=1;i<=10;i++){
	if(i%2==0){
		alert(i);
	}
}
</script>
</head>
<body>

</body>
</html>

 

 

5. while문

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js1/test9.html</title>
<script type="text/javascript">

// 1~100 까지 반복
// 3의 배수이면서 4의 배수 인것을 찾아서 출력

 for(i=1;i<=100;i++){
 	if(i%3==0 && i%4==0){
 		alert("3의 배수이면서 4의 배수 : " + i);
 	}
 }

// 반복문 while
// while(조건){
// 	반복 명령문
// 	증가값;
// }

//1~10 반복출력
var i=1;
while(i<=10){
	alert(i);
	i++;
}
</script>
</head>
<body>

</body>
</html>