[JavaScript] + 연산자 주의점

우리가 문자열을 더할 때 + 연산자를 사용하곤 한다.

예를 들어, 아래와 같이 + 연산을 하면 

let letter = 'I' + 'Love' + 'You';

 

출력 결과는 'I Love You'와 같다.

---

 

만약 문자열들을 더하는 것이 아니라

정수와 문자열을 더하면 데이터 타입은 어떻게 정해질까??

let text = 'I love you ' + 3000;

출력 결과는 'I love you 3000' 즉, 문자열로 반환이 되는 것을 알 수 있다.

 

---

그렇다면, 아래의 코드는 어떤 결과를 출력할까?

letter = '7' + 5

출력 결과: 75 (String)

정수로 덧셈이 되어 12로 계산되는 것이 아닌 문자열로 + 연산을 한 것으로 되어 75가 출력된다.

 

이처럼 + 연산자를 사용할 때 타입이 다른 경우 주의해서 사용해야한다.

 

---

+ 연산자의 숨겨진(?) 활용

+ 연산자를 활용하면 숫자가 아닌 타입들을 숫자로 변환했을 때, 어떤 값으로 변환되는지 확인할 수 있다.

console.log(+true); // 1


console.log(+false); // 0


console.log(+null); // 0


console.log(+''); // 0


console.log(+undefined); // NaN


console.log(+'apple'); // NaN

 

 

보너스 정보: 만약 어떤 Boolean 타입으로 변환되는지 확인하고 싶다면,  그 대상 앞에 !!을 붙여보자