본문 바로가기

JavaScript/DAY 34 _ 23.10.11

연산자

        // 연산자

        // 1. 산술연산자 : java랑 똑같아

        {
        const a = 30;
        const b = 17;
        const c = a + b;
        console.log(c);
        
        let result = a-b;
        result = a % b;     // --> 이렇게 변수선언을 다시하고싶은 변수라면 let을 쓰면 되겠지?
        console.log(result);

        result = a / b;     // --> 정수나누기가 없엉~ 소수점 다나온다
        console.log(result);
        console.log(parseInt(result));  // 이게되네?


        result = parseInt(a / b);   // API를 쓰면 정수나누기로 쓸 수 있겠지 ★★★
        console.log(result);
        }

 

        // 2. 문자열 연산

        {
            const a = 10;
            const b = "안녕";
            let result = a + b;

            console.log(result);    // --> 피연산자가 하나라도 문자열이면 문자열 결합 연산을 수행함.
            // 결과도 보라색(숫자)이 아니라 흰색(문자열)으로 나옴
        }

        {
            const a = 10;
            const b = 5;
            const result = a + "b";

            console.log(result);    // --> 10b 뭐야이거ㅋㅋㅋ 되네
        }

 

        // ++ 백틱 : `${}`


        {
            const a = 10;
            const b = 5;

            // const result = a + "X" + b + " = " + a*b; --> java에서 이렇게 썼었지
            const result = `물결말고 점. enter로 여러문자열도 쓸 수 있다`;
            console.log(result);

            const result2 = `${a} X ${b} = ${a*b}`;
            console.log(result2);
        }

 

         // 3. 비교 연산자 : < > <= >= ...  다른점!!!! ★ 타입비교

        // 자바스크립트에서 비교 연산자는 피연산자의 타입에 따라 두 가지 기준으로 비교를 진행합니다.
        // 1. 피연산자가 둘 다 숫자면, 해당 숫자를 서로 비교합니다.
        // 2. 피연산자가 둘 다 문자열이면, 문자열의 첫 번째 문자부터 알파벳 순서대로 비교합니다.
        // --> 따라서 타입이 서로 달라 비교할 수 없는 경우에는 참의 조건을 만족하게 하지 못하므로,
        // --> 언제나 거짓(false)만을 반환하게 됩니다.
        
        // === : 왼쪽 피연산자와 오른쪽 피연산자의 값이 같고, 같은 타입이면 참을 반환함.
        // !== : 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않거나, 타입이 다르면 참을 반환함.

{
            var x = 3, y = '3', z = 3;

            document.write((x == y) + "<br>");  // x와 y의 타입이 서로 다르므로 '타입을 서로 같게 한 후 비교'를 하므로 true

            document.write((x === y) + "<br>"); // x와 y의 타입이 서로 다르므로 false

            document.write((x === z) + "<br>");            // x와 z은 값과 타입이 모두 같으므로 true
        }


        // 4. 논리 연산자 : &&, ||, !

        var x = true
        document.write(!x);                // false (논리 NOT 연산)

      

        // 5. 삼항 연산자 :
        // 표현식 ? 반환값1(true) : 반환값2(false)

        {
        var x = 3, y = 5;

        var result = (x > y) ? x : y   // x가 더 크면 x를, 그렇지 않으면 y를 반환함.

        document.write("둘 중에 더 큰 수는 " + result + "입니다.");
        }

'JavaScript > DAY 34 _ 23.10.11' 카테고리의 다른 글

배열  (0) 2023.10.11
조건/반복문  (1) 2023.10.11
변수  (0) 2023.10.11
JS Basic2  (0) 2023.10.11
JS basic  (0) 2023.10.11