//Google AdSense

자바스크립트 논리 연산자 / 삼항 조건 연산자

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 논리 연산자</title>
<script type="text/javascript">
	/* 
		논리 연산자 - 비교 연산자를 결합하여 and, or 로 판단하여 논리 타입으로 결과값 반환
		
		키워드
		&& - and
		|| - or
		! - not
		
		true && true : true
		true && false : false
		true || false : true
		false || false : false
		!true : false
	*/
	
	var n1 = 10;
	var n2 = 20;
	var n3 = 30;
	
	console.log('n1 < n2 and n1 < n3 : ', n1 < n2 && n1 < n3);
	console.log('n1 < n2 and n1 > n3 : ', n1 < n2 && n1 > n3);
	console.log('n1 < n2 or n1 < n3 : ', n1 < n2 || n1 < n3);
	console.log('n1 < n2 or n1 > n3 : ', n1 < n2 || n1 > n3);
	console.log('n1 > n2 or n1 > n3 : ', n1 > n2 || n1 > n3);
	console.log('n1 < n2 not : ', !(n1 < n2) );

	if (n1 < n2 && n1 < n3){
		console.log('n1 < n2 and n1 < n3 : ','참입니다');
	}else{ console.log('n1 < n2 and n1 < n3 : ','거짓입니다');
		
	}
	
	/*
		삼항 조건 연산자
		조건식 ? 값 : 값;
		간단한 조건식을 표현할 때 주로 쓰인다.
	*/
	var str = 10 == 10? '참입니다' : '거짓입니다'; // var str = (10 == 10? '참입니다' : '거짓입니다'); 선(연산) 후대입
		
	console.log('삼항 조건문에 의한 결과값 : ', str);
			
</script>

</head>
<body>

</body>
</html>

 

 

자바스크립트 비교연산자 + 논리연산자 실습

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 비교연산자+논리연산자 실습</title>

<script type="text/javascript">
	var n1 = 11;
	var n2 = 1;
	var n3 = 12;
	var n4 = 13;
	
	/*  
		실습2. n1 + n2가 n3과 같고 n2 + n3이 n4가 같을 경우 콘솔에 '조건이 참입니다.'
		아닐경우 '조건이 거짓입니다.' 라고 출력 시키시오.
	*/
	
	if(n1 + n2 == n3 && n2 + n3 == n4){
		console.log('n1 + n2 == n3 && n2 + n3 == n4', '조건이 참입니다.');
	}else {
		console.log('n1 + n2 == n3 && n2 + n3 == n4', '조건이 거짓입니다.');		
	}
	
</script>
</head>
<body>

</body>
</html>

<코딩해보세요>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>적정 체중 테스트</title>
<script>
	var name = prompt("당신의 이름은?","");		//이름입력
	var height = parseInt(prompt("당신의 신장은?","0"));	//신장입력
	var weight = Number(prompt("당신의 몸무게는?","0"));	//체중입력
			
	var normal_w = (height - 100)*0.9		//평균체중
	var result = weight >= normal_w - 5 && weight <= normal_w + 5;	//오차범위 +-5
	result = result ? "적정 체중입니다." : "적정 체중이 아닙니다.";

	document.write(name + " 님은 " + result)
</script>


</head>
<body>

</body>
</html>

prompt는 문자열만 반환하게 되어있다.

 

data type을 변환(형변환)

string data type을 int data type으로 변환 > parseInt() / Number()

 

 

문자열에 숫자 외의 문자 이전의 숫자만 반환

 

 

문자열에 숫자가 아닌 문자가 포함되어있으면 반환 x

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>반복문 - while</title>
<script type="text/javascript">
	/*
		while : 조건식이 true 일 경우 반복 실행.
		
	*/
	
	var num = 0;
	while(num < 100){ //조건식이 true일 경우 반복, false면 정지.
		console.log(num);
		num++;		
	}
</script>

</head>
<body>

</body>
</html>

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>confirm을 이용한 조건 처리</title>
<script type="text/javascript">
	/*
		confirm은 내장 함수로 사용자에게 확인 혹은 취소를 선택하게 만들고,
		결과에 따라 true, false 값을 반환하도록 만드는 함수.
	*/
	var check = confirm('정말 게시글을 삭제하시겠습니까?');
	if(check){
		console.log('삭제 시작');
	}else {
		console.log('삭제 취소');
	}
</script>
</head>
<body>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>반복문 - while</title>
<script type="text/javascript">
	/*
		while : 조건식이 true 일 경우 반복 실행.
		
	*/
	
	var num = 0;
	
	while(num < 100){ //조건식이 true일 경우 반복, false면 정지.
		console.log(num);
		num++;		
	}
	
	
	while (num>0) {
		console. log (num);
		num--;		
	}
	
</script>

</head>
<body>

</body>
</html>

산술연산자 + while 실습

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>산술 연산자 + while</title>
<script type="text/javascript">
	
	var num = 0;
	/*  
		실습4. while을 활용하여 반복문 100번을 실행하고 
		100실행될 때 짝수만 출력시켜라.
		(짝수만 조건문으로  판단하여 출력)
	*/
	
	while(num < 100){
		if(num % 2 == 0){
			console.log(num);
		}
		num++;
	}
	
</script>

</head>
<body>

</body>
</html>



조건문 + 반복문 + 증감연산자 실습

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>조건문 + 반복문 + 증감연산자</title>
<script type="text/javascript">
	/*
		실습5. 1~100까지 반복 시키고 3의 배수만 result라는 변수에 합산시켜
		최종 결과물만 콘솔에 출력시켜주세요.
		(1~100사이에 출력되는 3의 배수만 result에 합산 3..6..9)
	*/
	
	var num = 1;
	var result = 0;
	while ( num <= 100){
		if( num % 3 == 0 ) {
			result += num;
		}
		num++;
	}
	console.log(result);
	
</script>

</head>
<body>

</body>
</html>

 

prompt + 반복문 실습

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>prompt + 반복문</title>
<script type="text/javascript">
	/*  
		실습6. prompt 명령어로 숫자를 받아 구구단을 출력시켜주세요.
	*/

	var n = 1;
	var result = 0;
	result = parseInt(prompt("구구단을 외자", 0));
	
	while (n <= 9) {
		console.log(result * n);			
		n++;
	}
	
</script>
</head>
<body>

</body>
</html>

 

반복문 for + 조건식 실습


	
	/*
		실습7. for문을 활용하여 0~99 까지 반복하고 
		5의 배수만 콘솔창에 출력하세요.
	*/
	
	for(var n=0; n<100; n++){
		if (n % 5 == 0) {
			console.log(n);
		}		
	}

 


반복문, 이중반복문


	/*
		반복문 for : for문 안에 초기값, 조건식, 증감식이 포함되어 있다.
		for(초기값; 조건식; 증감식){}
	*/
	
	for(var i = 0; i < 100; i++) {
		console.log('반복문 for i 값 출력 : ', i);
	}
	for(var i = 100; i > 0; i--) {
		console.log('반복문 for i 값 출력 : ', i);
	}
	
	
	/*  
		이중 반복문
		for(초기값; 조건식; 증감식){
			for(초기값; 조건식; 증감식){
				
			}
			
		}
	*/
	
	for(var i = 0; i < 10; i++){
		if( i %2 ==0){
			for(var n=0; n <10; n++){
				console.log('이중반복문 i :', i,'n : ', n );
				
			}
		}
	}

 

이중반복문 실습

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이중반복문 실습</title>
<script type="text/javascript">
	/*  
		실습8. 이중반복문을 활용하여 구구단 1단부터 9단까지 출력하여라.
		(출력 포맷 : 1 x 1 = 1)
	*/
	
	for(var a=1; a <= 9; a++){
			console.log('=== 구구단 '+a+' 단 ===')
		for(var b=1; b <=9; b++){
			console.log(a+' x '+b+' = '+(a*b));
		}
	}
</script>
</head>
<body>

</body>
</html>

break

/*
	break : 반복문이 break 키워드를 만나면 더 이상 반복을 수행하지 않는다.
*/

for( var i = 0; i <100 ; i++){
	if(i>10) break;
	console.log('break i > 10 확인 : ',i);
}

continue

/*  
	continue : 반복수행 중 continue를 만나면 아래의 로직을 수행하지 않고 다음 반복을 진행한다.
*/
	
for(var i = 0 ; i <100; i++){
	if(i % 2 == 0) continue;
	console.log('i % 2 == 0 >> continue 실행 : ', i);
}



저작자표시

'JavaScript' 카테고리의 다른 글

[JavaScript] 함수  (1) 2020.03.10
[JavaScript] 객체 Object  (0) 2020.03.10
[JavaScript] 배열 객체  (0) 2020.03.09
[JavaScript] JavaScript 기초문법 ①  (1) 2020.03.05

+ Recent posts

티스토리툴바