본문 바로가기
programming/javascript

자바스크립트 할당연산자 산술연산자와 혼합 사용하기

by 개코 - 개발과 코딩 2021. 10. 20.

자바스크립트 할당연산자는 변수에 값을 넣는 기능을 한다. 할당연산자는 산술연산자와 함께 사용하여 중복되는 연산을 단축할 수 있다. 다른 프로그래밍 언어에서도 많이 사용된다. 코딩을 자주 하다보면 익숙해 지는 부분이기 때문에 고민할 부분은 아니다.

자바스크립트 할당연산자
산술연산자와 같이 사용하기

할당연산자는 변수에 값을 넣는다.

let A = 3 인 경우 변수 A 에 3이란 값을 넣는다는 의미이다.

A = A + 3 의 식의 위에서 선언한 값에 다시 3을 더한 값을 변수 A 에 넣는다는 의미이다.

이것을 축약하면 A += 3 이 된다.

할당연산자는 산술연산자와 함께 사용하여 수에 대한 연산식을 축약할 수 있다.

할당연산자

위에서 언급한대로 할당연산자는 변수에 값을 넣는다.

변수에 할당되는 값은 문자가 될 수도 있고, 숫자가 될 수도 있고, 데이터집합 객체가 될 수 있다.

할당연산자를 사용하기 위해선 먼저 변수를 선언해야 한다.

기호는 = 을 사용한다.

할당연산자에 대해 이전에 다룬 포스팅을 참고해 본다.

산술연산자

산술연산자는 숫자를 계산한다.

이전의 산술연산자 부분을 참고하자.

산술연산자는 대표적으로 더하기 ( + ), 빼기 ( - ), 곱하기 ( * ), 나누기 ( / ), 나머지 ( % ), 제곱근 ( ** ) 이 있다.

혼합 사용하기

할당연산자는 산술연산자와 혼합하여 사용한다.

변수를 중복으로 계산할수도 있고 문자열을 연결지을 때 사용할 수도 있다.

문법구조부터 익혀본다.

위에 언급한 것과 같다.

<!DOCTYPE html>
<html>
    <body>

        <h1>자바스크립트 할당연산자와 산술연산자</h1>

        <script>

            let vNum = 5;
            let vResult = 5;

            console.log("----------");

            vResult += vNum	// vResult = vResult + vNum
            console.log("vResult : ", vResult, typeof(vResult));

            vResult -= vNum	// vResult = vResult - vNum
            console.log("vResult : ", vResult, typeof(vResult));

            vResult *= vNum	// vResult = vResult * vNum
            console.log("vResult : ", vResult, typeof(vResult));
            
            vResult /= vNum	// vResult = vResult / vNum
            console.log("vResult : ", vResult, typeof(vResult));
            
            vResult %= vNum	// vResult = vResult % vNum
            console.log("vResult : ", vResult, typeof(vResult));
            
            vResult **= vNum	// vResult = vResult ** vNum
            console.log("vResult : ", vResult, typeof(vResult));
            
            console.log("----------");

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

위의 코드는 할당연산자와 산술연산자를 혼합하여 사용한 것이다.

문법의 풀이는 주석으로 대신한다.

축약된 식은 주석으로 표시되 식과 같은 의미이다.

할당연산자와 산술연산자가 혼합 사용될 때 식의 동작순서는 산술연산자가 우선한다는 점이다.

결과 화면을 보자.

반응형

댓글