JS : 데이터 형(type) 개념 / 확인 / 변환(암시적/명시적)

 

 

 

* 자바스크립트는 상황에 따라 데이터가 인식한 숫자 또는 문자 데이터형을 변경해야할 경우가 있습니다.

* 그 때 사용하는 것을 데이터 형변환이라고 합니다.

* 데이터 형변환은 크게 명시적 / 암시적 변환으로 의미가 나뉩니다.

 

암시적 형변환 개념

* 스크립트가 사용자 동의 없이 자동으로 데이터 형태를 결정하는 형태

숫자+문자 = 문자
숫자 + 숫자 = 숫자
불린+문자 = 문자
불린+숫자 = 숫자
'1' + 1

▲ 위와같이 작성하면 문자+숫자로 인식하여 결과는 2가 아닌 11로 나오게 됩니다. 

데이터 타입은 string(문자)로 인식합니다.

이 경우는 사용자 동의없이 스크립트가 좌항 우항의 값을 비교하여 자동으로 데이터타입을 결정한 것으로 암시적 형변환이라고 합니다.

 

 

 

 

명시적 형변환 개념

명시적 형변환은 암시적 형변환의 반대개념입니다.

개발자가 직접 스크립트를 이용해서 어떤 형으로 바꿀 지 명시해주는 것을 명시적 형변환이라고 합니다.

var value="123.456";
Number(value);

 

 


 

데이터 타입 확인 연산자 typeof 

* 명시적또는 암시적으로 변환된 데이터의 결과타입을 확인할 때 typeof 연산자를 사용합니다.

* 데이터에 따라서 결과는

number / string / boolean / undefined / null / object / symbol / function / bigint 등으로 나타납니다.

 

 

typeof 피연산자

typeof(피연산자)

 

const num = 1234
typeof(num) //number
const num = '1234'
typeof(num) //string

 

 

 


 

 

 

 

데이터타입 변환 메서드

 

1) 문자 => 숫자 변환

parseInt(대상)

parseFloat(대상)

Number(대상)

var val="123.456";

parseInt(val); //123
parseFloat(val); //123.456
Number(val); //123.456

 

 

 

2) 숫자 = > 문자 변환

String(대상)

대상.toString(n)

var val  = 15;	

String(val) //'15'	
val.toString(); //'15'
val.toString(16); //'f' //16진수 문자형

 

 

 

 

 

 

 

728x90
  Comments,     Trackbacks