[JavaScript] 2. 형변환

서회정's avatar
Jan 28, 2026
[JavaScript] 2. 형변환

1. 형 변환

💡
형변환 (Type Casting)
  • 어떤 값의 타입을 다른 타입으로 변경하는 것을 말함
notion image

2. 형 변환의 종류

💡
묵시적 형변환
  • 개발자가 직접 설정하지 않아도, 자바스크립트 엔진이 알아서 형변환을 해줌
명시적 형변환
  • 개발자가 직접 함수 등을 이용해 형 변환을 일으킴
notion image
 

1. 묵시적 형변환

// 1. 묵시적 형변환 // -> 자바스크립트 엔진이 알아서 형 변환 하는 것 let num = 10; let str = "20"; const result = num + str; console.log(result);
notion image
⇒ 변수 numString 타입으로 묵시적 형 변환이 되어 String 타입의 연산의 결과가 나타남.
 

2. 명시적 형변환

1. 문자열 → 숫자

// 2. 명시적 형 벼환 // -> 프로그래머 내장함수 등을 이용해서 직접 형 변환을 명시 // -> 문자열 -> 숫자 let str1 = "10";
Number 내장 함수를 사용하면 str1String 타입에서 Number 타입으로 명시해서 형 변환을 일으킬 수 있다.
notion image
 

✅ 숫자만 포함된 경우가 아니라면?

let str2 = "10개"; let strToNum2 = Number(str2); console.log(strToNum2);
notion image
⇒ 수치 연산 실패!
parseInt 내장 함수를 사용하여 형 변환을 할 수 있다!
let str2 = "10개"; let strToNum2 = parseInt(str2); console.log(strToNum2);
notion image
 

2. 숫자 → 문자열

// -> 숫자 -> 문자열 let num1 = 20; let numToStr = String(num1); console.log(numToStr + "입니다.");
String 내장 함수를 사용하면 num1Number 타입에서 String 타입으로 명시해서 형 변환을 일으킬 수 있다.
notion image
 
Share article

clubnerdy