[책] 자바스크립트 코드 레시피 278 - 65일차

데이터 타입 변환하기

• 숫자를 문자열로 변환하고 싶을 때
• 문자열을 숫자로 변환하고 싶을 때

구문

• Boolean(데이터) 데이터를 진릿값 타입으로 변환
• String(데이터) 데이터를 문자열 타입으로 변환
• Number(데이터) 데이터를 숫자 타입으로 변환
• parselnt(문자열) 문자열을 숫자(정수) 타입으로 변환
• parseFloat(문자열) 문자열을 숫자(부동 소수점) 타입으로 변환

실습

숫자 100 과 문자열 '200' 의 덧셈 계산을 하려면 먼저 문자열을 숫자 타입으로 변환해야 합니다. Number()를 사용해 타입 변환 후 덧셈을 계산해봅니다.

const result = 100 + Number('200');
console.log(result); // 300

문자열 '100' 과 숫자 200 응용하여 숫자를 문자열 타입으로 변환해봅니다.

const str = String(100) + '200';
console.log(str); // 100200

다음에서 타입의 변환을 확인해봅니다. Boolean() 과 String() 등의 메소드를 사용해 데이터 타입을 변환하는 것을 명시형 변환 이라고 합니다. 콘솔로 확인하여, 개발자 모드에서 확인해봅니다.

Boolean(1); // true
Boolean(0); // false
Boolean('사자'); // true
Boolean(''); // false
String(1); // '1' 문자열
Number('1'); // 1 숫자
Number(''); // 0
Number('사자'); // NaN
Number(true); // 1
Number(false); // 0

타입 변환 그 외
덧셈은 숫자 타입이 문자열로 변환하고 뺏셈은 문자열 타입이 숫자로 변환합니다.

console.log(100 + '100'); // 숫자 타입이 문자열로 변환
console.log('200' - 100); // 문자열 타입이 숫자로 변환