[JavaScript] 대입연산자 / 증감연산자 / 비교연산자 / 논리연산자 / 삼항연산자 / 제어문 / 분기문 IF / prompt()

 

 

 

- Math.floor : 소수점 아래 자리 날려버림

 

- 974 → ??? → 971 : ??? 연산 수행후 항상 끝자리를 1로 만들기 

 

var num = 974;

document.write(Math.floor(num/10)*10 +1));

 

   · Math.floor 원리 : 974/10 = 97.4 인데 0.4를 날려버림 즉, 97이 되는 것 → 10을 곱해서 970 → 1 더해서 971

 

 

 

< 대입 연산자 >

 

- A = B ;  오른쪽에서 왼쪽으로 연산이 실행

- 데이터값을 변수에 저장

- 복합 대입연산자 [ +=, -=, *=, /=, %= ]

- A += B ;  ≡ A = A + B;

 

var num1=100;
var num2=200;
		
document.write("<br> num1 : " + num1);
document.write("<br> += : " + (num1+=num2)+ "<br>");
document.write("num1 : " + num1+ "<br>");
		
document.write("-= : " + (num1-=num2)+ "<br>");
document.write("*= : " + (num1*=num2)+ "<br>");
document.write("/= : " + (num1/=num2)+ "<br>");
document.write("%= : " + (num1%=num2)+ "<br>");

실행결과

 

- 복합대입연산(누적합)을 사용하여 테이블 출력

 

var num1 = 100;
var num2 = 200;

var tagValue = "";
tagValue += "<table border='1'>";
tagValue += "<tr>";
tagValue += "<td>"+num1+" </td><td>"+num2+" </td>";
tagValue += "</tr>";
tagValue += "</table>";
		
document.write(tagValue);

실행결과

 

 

 

< 증감연산자(단항연산자) >

 

- ++A, A++, --A, A--

- 변수의 값을 1 증가 / 감소 시키는 연산

 

- 전위연산 ( ++A, --A ) : A값을 사용하기 전에 1 증가 / 감소

- 후위연산 ( A++, A-- ) : A값을 사용한 후에 1 증가 / 감소

  · A를 사용했다 기준 : 문장이 끝이 났는지 ( ; )

 

var A = 100;
++A;
document.write(A);  //101
A++;
document.write(A);  // 102
		
document.write(++A); // 103
document.write(A++); // 103
document.write(A);  // 104

 

 

< 비교연산자 >

 

- > , < , >= , <= , == , != , === , !==

- 연산의 결과를 boolean 타입으로 리턴

 

num1=100;
num2=200;
		
document.write((num1==num2) + "<br>"); // false
document.write((num1!=num2) + "<br>"); // true
document.write((num1===num2) + "<br>"); //false
document.write((num1!==num2) + "<br>"); //true

num1=100;
num2="100";
		
document.write((num1==num2) + "<br>"); //true
document.write((num1!=num2) + "<br>"); //false
document.write((num1===num2) + "<br>"); //false
document.write((num1!==num2) + "<br>"); //true

- == & != : 데이터타입의 형태와 상관없이 값만 비교

- === & !== : 데이터타입의 형태와 값 둘다 비교

 

 

 

 

< 논리 연산자 >

 

- && (AND연산) , || (OR연산) , ! (NOT연산)

- true / false 값을 사용한 연산

 

A	B	&&	||	!A	!B
T	T	T	T	F	F
T	F	F	T	F	T
F	T	F	T	T	F
F	F	F	F	T	T

 

 

< 삼항(조건) 연산자 >

 

- 조건식 ? 결과값1(참) : 결과값2(거짓)

 

- num값이 정수인지를 판단 ( 양의 정수, 음의 정수, 0 )

num = 2;
document.write((num>0)? "양수" : (num<0)? "음수" : "0");

  → 결과값 자리에 조건식이 또 들어갈 수도 있다

 

 

- 바나나 179개를 한 박스에 5개씩 포장할 때 필요한 상자의 갯수는 ?

var banana = 179;
var sizeOfBox = 5;
		
document.write((banana%sizeOfBox==0)? 
				"필요한 상자 갯수 : " +(banana/sizeOfBox)+ " 개" : 
				"필요한 상자 갯수 : " + (Math.floor(banana/sizeOfBox)+1) +" 개");
                
                
// document.write("필요한 상자 갯수 : " 
//				  +(Math.floor(banana/sizeOfBox)+(banana % sizeOfBox > 0? 1:0))+" 개");

 

 

 

 

< 제어문 >

 

- 분기문 ( if / else / else if / switch ) & 반복문 ( for / while / do-while)

 

① 분기문 (IF)

 

- if ( 조건문 ) {

            조건이 참일 때 실행하는 코드;

  }

  → 실행코드가 한 줄이면 { } 굳이 안써도 됨

 

- Boolean( ) 처리결과와 동일

  · 0, null, Undefined 들어가면 false

if(0){
	document.write("실행1");
}
if(1){
	document.write("실행2")
}
if('A'){
	document.write("실행3");
}
     
// 실행결과 : 실행2
//            실행3

 

- 사용자가 이름을 입력시 " OOO"님 안녕하세요 ~ ! 출력하기

 

var name = prompt("이름을 입력하시오.", "");

if(name){
	alert(name+"님 안녕하세요 ~ !");
}

 

 

 

- if (조건문) {

            조건문이 참일 때 실행하는 코드;

   }

  else {

            조건문이 거짓일 때 실행하는 코드;

   }

 

num = 200;
    
if (num%2 == 0) {
		document.write("짝수입니다.");
}else{
		document.write("홀수입니다.");
}