연산자

Notice

Recent Posts

Recent Comments

Link

깃허브

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Tags more

Archives

Today

Total

관리 메뉴

EverGiver

연산자 본문

Front-End (웹)/jQuery

연산자

친절한개발초보자 2021. 12. 13. 16:30

728x90

산술연산자

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>02.산술연산자</title>
</head>
<body>
    <script>
        // 산술연산자 : + - * / %(나머지)

        var num1 = 15;
        var num2 = 2;
        var result;

        result = num1 + num2;
        document.write(result, '<br>');

        result = num1 - num2;
        document.write(result, '<br>');

        result = num1 * num2;
        document.write(result, '<br>');

        result = num1 / num2;
        document.write(result, '<br>');

        result = num1 % num2;
        document.write(result, '<br>');
    </script>
</body>
</html>

문자 결합 연산자

문자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터
숫자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터
숫자형 데이터 + 숫자형 데이터 = 하나의 숫자형 데이터

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03.문자결합연산자</title>
</head>
<body>
    <script>
        var t1 = '안녕하세요';
        var t2 = '반갑습니다';
        var t3 = '100';
        var num = 200;
        var result;


        result = t1 + t2;
        document.write(result, '<br>');

        result = t3 + num;
        document.write(result, '<br>');
        document.write(typeof result, '<br>');


        result = t3 - num;
        document.write(result, '<br>');
        document.write(typeof result, '<br>');

        // 화면에 '1000원에서 num을 뺸 나머지는 xx입니다.'라고 표시
        // 1000원에서 200을 뺀 나머지는 800입니다.

        document.write('1000원에서 '+num+'을 뺀 나머지는 '+(1000-num)+'입니다. <br>');

        result = 1000 - num;
        document.write('1000원에서 '+num+'을 뺀 나머지는 '+result+'입니다.<br>');

        document.write(100 + '200', '<br>'); // 100200
        document.write(100 + '200' + 300, '<br>'); // 100200300
        document.write(100 + 300 + '200', '<br>'); // 400200
        document.write('200' + 100 + 300 , '<br>'); // 200100300
        document.write('200' + (100 + 300) , '<br>'); // 200400

    </script>
</body>
</html>

대입 연산자

연산된 데이터를 최종적으로 다시 원래의 변수에다가 치환

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>04.대입연산자</title>
</head>
<body>
    <script>
        var num1 = 10;
        var num2 = 3;

        // num1 = num1 + num2;
        num1 = num1 + num2;
        document.write(num1, '<br>');

        num1 -= num2;
        document.write(num1, '<br>');

        num1 *= num2;
        document.write(num1, '<br>');

        num1 /= num2;
        document.write(num1, '<br>');

        num1 %= num2;
        document.write(num1, '<br>');
        

    </script>
</body>
</html>

증감 연산자

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>05.증감연산자</title>
</head>
<body>
    <script>
        // 증가연산자와 감소연산자
        a = 10;
        // 클릭할때마다
        a = a + 10;
        a += 10;

        b = 0;  // 반드기 초기값을 사용해야 한다. ************
        b = b + 1;
        b += 1;
        b++ // 1씩 증가

        c = 0;
        c = c -1;
        c-= 1;
        c-- // 1씩 감소
    </script>
</body>
</html>

728x90