[JavaScript] 자료형 변환

[해당 포스트는 개인적으로 공부를 하고 차후에 참고용으로 하고자 작성한 것입니다.
따라서 잘못된 부분이나 부족한 부분이 있을 수 있기에 참고하시기 바랍니다.]

앞 시간에서 Number를 String으로 바꾸거나 String을 Number를 바꾸는 형 변환에 대해 포스팅하였다.

이번 시간엔 다양한 방법으로 자료형 변환을 할 수 있는 예시에 대해 알아보자.

 

자료형을 변환하기 위한 방법으로 2가지가 존재한다.

• 직접 명시적으로 자료형을 변환
• JavaScript Engine에 의해 자동으로 자료형이 변환

2번째 항목인 Engine에 의해서 자동으로 자료형이 변환되는 것은 JavaScript가 동적 자료형 언어라는 특징 덕분에 가능한 문법이다. 따라서 JavaScript가 미리 정해놓은 규칙에 따라 자료형이 변환된다.

 

console.log("5" + 1); // String - 51
console.log("5" - 1); // Number - 4
console.log("5" * 2); // Number-  10
console.log("High " + 5); // String High 5
/* 덧셈은 문자를 연결시켜 문자형으로 반환되지만,
뺄셈, 곱셈, 나눗셈은 숫자형으로 계산되어 반환됨.*/

var str = 5 + "1";
console.log(str); // String - 51
console.log(typeof str); //String
/* 덧셈 연산자 + 가 다른 자료형끼리의 연산에서 Number보다 String에 우선하여 처리함.*/

var num = +str;
console.log(num); // Number - 51
console.log(typeof num); // Number
/* 단한 양수 +를 통해 문자형을 숫자형으로 변환.*/