[Javascript] 자료형 변환

 

자료형 변환 : 어떤 값의 타입을 다른 타입으로 변경하는 것을 의미

 

묵시적 형변환, 명시적 형 변환으로 구성

 

묵시적 형 변환

 

개발자가 직접 설정하지 않아도 알아서 자바스크립트 엔진이 형 변환 하는 것

 

let num = 10;
let str = "20";

const result = num + str;
console.log(result);

→ 결과값: 30 X

                1020 O

→ 자바스크립트가 오류를 발생시키지 않기 위해 10을 스트링값으로 변환하여 연산

 

 

명시적 형 변환

 

개발자가 직접 내장함수등을 이용해 형 변환을 일으킴

 

let str1 = "10"; (문자타입)

let strToNum1 = Number(str1);

→ Number는 문자형을 숫자형으로 바꿔주는 내장함수

console.log(10 + strToNum1);

→ 결과값 1010  X

                 20 O

 

let str2 = "10개";
let strToNum2 = Number(str2);
console.log(strToNum2);
→ str2 에서는 숫자 말고 문자도 있어서 수치 변환 실패하여 결괏값이 NaN 나옴
     이런 경우에는 인수형으로 변환하는 parseInt 사용하면 결과값 10 나옴

let num1 = 20;
let numTostr = String(num1);

→ String은 문자로 형 변환해 주는 내장함수

console.log(numTostr + "입니다");

→ 결과값 : 20입니다