Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript '+' 연산자의 핵심 역할: 타입 변환을 쉽게 처리하는 방법

JavaScript에서 '+' 연산자는 단순히 더하기(덧셈)나 문자열 연결(concatenation)에만 사용되는 것이 아닙니다. 가장 중요한 용도 중 하나는 바로 타입 변환(type conversion)입니다.

일반적으로 우리는 '+' 연산자를 숫자의 덧셈에 사용하고, 때로는 문자열을 이어 붙이는 데 사용합니다. 하지만 이 연산자는 타입 변환에서도 매우 유용하게 활용됩니다. 특히 문자열을 숫자로 변환하는 작업을 아주 간단하게 처리할 수 있습니다.

예제 1: 문자열을 숫자로 변환하기

<html>
<body>
<script>
    var num = "23";
    int = +num;
    document.write(int);
    document.write("</br>");
    document.write(typeof int);
</script>
</body>
</html>

실행 결과

23
number

위 예제에서 변수 num은 문자열 "23"으로 선언되었지만, 앞에 '+' 연산자를 붙여 +num 형태로 사용하면 숫자 23으로 변환됩니다. typeof 연산자로 확인한 결과도 number 타입임을 알 수 있습니다.

참고: parseInt()와의 차이점

'+' 연산자는 parseInt()Number() 함수보다 코드가 간결하다는 장점이 있습니다. 다만 소수점이 포함된 문자열도 그대로 숫자로 변환할 수 있으며, 변환이 불가능한 경우 NaN(Not a Number)을 반환한다는 점을 기억해야 합니다.

예제 2: 불리언(Boolean)을 숫자로 변환하기

'+' 연산자는 타입 변환 외에도 불리언 값을 숫자로 변환하는 데 사용됩니다. true는 1로, false는 0으로 각각 변경됩니다.

<html>
<body>
<script>
    document.write(+true);
    document.write("</br>");
    document.write(+false);
</script>
</body>
</html>

실행 결과

1
0

이처럼 '+' 연산자는 덧셈과 문자열 연결이라는 기본적인 기능을 넘어, 문자열을 숫자로 바꾸거나 불리언 값을 1과 0으로 치환하는 등 JavaScript에서 암시적 타입 변환을 수행하는 강력한 도구입니다. 코드를 더 간결하게 작성하고 싶다면 이러한 활용법을 꼭 기억해 두세요.