본문 바로가기
프로그래밍/자바스크립트

04 자바스크립트의 타입 변환

by 윤지(●'◡'●) 2021. 6. 8.
728x90
반응형


자바스크립트의 타입 변환

 

- 변수는 타입이 고정되어 있지 않음
- 변수에 다른 타입의 값을 대입할 수 있다.

 

[예시]

let a = 15; //숫자형
a = '십오'; // 문자열형 

 

1. 자동 타입 변환(암시적 타입변환)

- 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환해서 사용한다.

 

const a = '20'; //문자열형
const b = '10'; //문자열형
let result = a + b; //2010, 문자열 연결을 위해 숫자타입이 문자열로 변환됨

result = a - b; //10 , 연산을 위해 두 문자열이 모두 숫자로 변환됨
result = a * b; //200
result = a / b; //2

const c = '자바스크립트';
result = c - a; // NaN

 

*NaN(Not a Number)
- 정의되지 않은 값이나 표현할 수 없는 값
- 숫자로 변환할 수 없는 연산을 시도한 경우

 

 

 

2. 명시적 타입 변환

- 자바스크립트는 자동으로 타입 변환을 지원하지만 명시적으로 변환할 필요가 있을 때 사용한다.

 

함수명 설명
Number() 문자를 숫자로 변환
String() 숫자나 불린등을 문자열형으로 변환
Boolean() 문자나 숫자등을 불린형으로 변환
Object() 모든 자료형을 객체형으로 변환
parseInt() 문자열형을 int형으로 변환
parseFloat() 문자열형을 float형으로 변환

 

[예시]

Number("20"); // 숫자 20
String(true); // 문자열 "true"
Boolean(0);   // 불리언 false

 

 

 

 

 


열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다.

수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 <(__)>

728x90
반응형

'프로그래밍 > 자바스크립트' 카테고리의 다른 글

06 연산자  (0) 2021.06.10
05 대화상자  (0) 2021.06.09
03 자바스크립트의 데이터 타입  (0) 2021.06.07
02 자바스크립트의 변수와 상수  (2) 2021.06.06

댓글