[JavaScript]자바스크립트의 기초_자료형 변환

---

 

 

사이드 프로젝트를 위한 자바스크립트

인프런 한 입 크기로 잘라먹는 리엑트(React): 기초부터 실전까지
강의를 기반으로 정리하였으며, 상업적 목적이 아닌 학습 기록용 입니다.

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지| 이정환 Winterlood - 인프런 강의

 

 

목차

자료형 변환

묵시적 형 변환

명시적 형 변환

 

 

---

 

 

자료형 변환

자료형 변환(Type Casting)
프로그래밍 과정에서 데이터의 타입을 변경하는 것을 의미한다.

• 묵시적 형 변환 (Implicit Type Casting): 자바스크립트 엔진의 자동 변환
• 명시적 형 변환 (Explicit Type Casting): 개발자가 직접 지시하는 변환

 

 

 

 

묵시적 형 변환

묵시적 형 변환
명시적으로 지시하지 않았음에도 불구하고, 자바스크립트 엔진이 필요에 따라 자동으로 자료형을 변환한다.
주로 사로 다른 타입의 값들이 연산되는 경우 발생한다.

// 1. 묵시적 형 변환: 개발자 설정 X 자바스크립트 엔진이 형 변환하는 것

let num = 10;
let str = "20";
const result = num + str;
// console.log(result); -> 1020(Number + String)

 

 

---

 

 

명시적 형 변환

명시적 형 변환
개발자가 프로그래머 내장 함수 등을 이용하여 직접 자료형 변환을 지시하여 변환하는 것이다.
묵시적 형 변환으로 인한 예상치 못한 동작을 방지하며, 명확하게 변환해야 하는 경우 사용한다.

 

 

문자열(String)을 숫자(Number)로 변환

Number(): 주어진 값을 숫자 타입으로 변환한다.
parseInt(): 문자열에서 정수 부분을 추출하여 숫자로 변환한다.
parseFloat(): 부동소수점 숫자를 추출할 때 사용한다. 

let str1 = "10";
let strToNum1 = Number(str1);
//console.log(10 + strToNum1);

let str2 = "10개";
let strTonum2 = parseInt(str2);
// console.log(strTonum2);

 

 

숫자(Number)를 문자열(String)로 변환

String(): 주어진 값을 문자열 타입으로 변환한다.

// 숫자 -> 문자열
let num1 = 20;
let numTostr1 = String(num1);
console.log(numTostr1 + "입니다.");