[Javascript] 변수 선언/데이터 타입/연산

1. 변수 선언 및 할당

• let, const를 통해서 선언

<script type="text/javascript">
    'use strict';
    // 변수 상수 선언
    var0 = 10;
    // 예전
    var var1 = 10;

    //현재
    let var2 = 10;
    const VAR3= 10;

    console.log( 'var0 :',var1 );
    console.log( 'var1 :',var1 );
    console.log( 'var2 :',var2 );
    console.log( 'var3 :',VAR3 );

    console.log(typeof var1 )
    console.log(typeof var2 )
    console.log(typeof var3 )

</script>

 

 

2. 변수 선언과 데이터 타입 확인

• 변수를 선언하고 각 결과별로 데이터 타입 확인

<script type="text/javascript">
    'use strict';

    let var1 = 10;
    let var2 = '10';
    let var3 = true;

    console.log( 'datatype :', typeof var1)
    console.log( 'datatype :', typeof var2)
    console.log( 'datatype :', typeof var3)


</script>

//결과
datatype : number
ex21.html:15 datatype : string
ex21.html:16 datatype : boolean

 

3. 증감 연산자

• ++(증가 연산자): 숫자형 데이터를 1씩 증가시키는 증가 연산자
• --(감소 연산자): 숫자형 데이터를 1씩 감소시키는 감소 연산자

① var A = ++B;

실행순서: B의 값을 1만큼 증가,증가된 B의 값을 A에 대입

②var A = B++;

실행순서: B의 값을 A에 대입, B의 값을 1만큼 증가

<script type="text/javascript">
    let num1 = 1;
    let num2 = 1;

    let num11 = num1++;
                        // 첫번째 실행 num11 = num1         => 1
                        // 두번째 실행 num1 = num1 + 1;     => 2 
    let num21 = ++num2;
                        // 첫번쨰 실행 num21 = 1 + num2     => 2
                        // 두번쨰 실행 num2 = 1 + num2      => 2

    console.log( num1, num11 );
    console.log( num2, num21 );
</script>

 

<script type="text/javascript">
    var str = "<table border=1>";
    str += "<tr>";
    str += "<td>1</td><td>2</td><td>3</td>"
    str += "</tr>"
    str += "</table>"
    document.write(str);
</script>

 

 

3. 비교 연산자

• 두 데이터를 '크다, 작다, 같다'와 같이 비교할 때 사용하는 연산자
• 연산된 결괏값은 true(참) 또는 false(거짓)로 논리형 데이터를 반환

① 일반적인 기호

1. A > B : A가 B보다 크다.
2. A >= B : A가 B보다 크거나 같다.
3. A == B : A와 B는 같다. 숫자를 비교할 경우 자료형(type)은 숫자형이든 문자형이든 상관하지않고 표기된 숫자만 일치하면 true를 반환. ex) 숫자형 10과 문자형 "10"은 같은 것으로 인식하여 true를 반환.
4. A != B : A와 B는 다르다.
5. A===B : A와 B는 같다.숫자를 비교할 경우 반드시 표기된 숫자와 자료형도 일치해야만 ture를 반환.ex) 10과 "10"을 비교했을 경우 표기된 숫자는 같지만 하나는 숫자형 10이고, 하나는 문자형 "10"이므로 false를 반환
6. A!==B: A와 B는 다르다.

<script type="text/javascript">
let a = 10;
let b = 20;
let c = 10;
let f = "20";

result = a > b; 
document.write(result, "<br>"); //false

result = a < b;
document.write(result, "<br>"); //true

result = a <= b;
document.write(result, "<br>"); //true

result = b == f;
document.write(result, "<br>"); //true

result = a != b;
document.write(result, "<br>"); //true

result = b ===f;
document.write(result, "<br>"); //false
</script>

a(10) > b(20)은 false가 반환
b(20) == f("20")은 자료형과 상관없이 숫자만 비교하여 true가 반환
a(10) != b(20)은 데이터가 다르므로 true가 반환
b(20) == f("20")은 숫자는 같지만 자료형이 다르므로 false가 반환

 

 

3. 논리 연산자

• || : or 연산자라 부르며, 피연산자 중 값이 하나라도 true가 존재하면 true로 결괏값을 반환
• && : and 연산자라 부르며, 피연산자 중 값이 하나라도 false가 존재하면 false로 결괏값을 반환
• ! : not 연산자라 부르며, 피연산자 중 값이 true이면 반대로 false로 결괏값을 반환

var a = 10;
var b = 20;
var m = 30;
var n = 40;

var result;

result = a > b || b >= m || m > n;      //false || false || false
document.write(result, "<br>");         //false

result = a > b || b >= m || m <= n;     //fase; || false || true
document.write(result, "<br>");         //true

result = a <= b && b >= m && m<= n ;    //true && false && true
document.write(result, "<br>");         //false

result = a <= b && b <= m && m <= n;    //true && true && true
document.write(result, "<br>");         //true

result=!(a > b);                        //false를 계산
document.write(result, "<br>");         //true

|| 연산자는 피연산자 중 true가 한 개라도 포함되어 있으면 true를 반환
&& 연산자는 피연산자 중 false가 한개라도 포함되어 있으면 false를 반환
! 연산자는 피연산자가 false이면 true를 반환