JS 데이터 타입

🔹 데이터 타입 

- 자바스크립트의 모든 값은 데이터 타입을 갖는다.

- 7개의 데이터 타입은 원시 타입과 객체타입으로 분류.

구분	데이터 타입	설   명
원시타입	숫자 타입	숫자, 정수와 실수 구분없이 하나의 숫자 타입만 존재
	문자열 타입	문자열
	불리언 타입	논리적 참(true)과 거짓(false)
	undefined 타입	var 키워드로 선언된 변수에 암묵적으로 할당되는 값
	null 타입	값이 없다는 것을 의도적으로 명시할 때 사용하는 값
	심벌 타입	ES6에서 추가된 7번째 타입
객체타입		객체, 함수, 배열 등

◾ 숫자타입

- 자바 스크립트는 숫자타입은 모두 실수로 처리

- 2,8,16진수를 표현하기 위한 데이터 타입을 제공하지 않기 때문에 모두 10진수로 해석.

- 특별한 값: infinity(양의 무한대), -infinity(음의 무한대), NaN(산술연산불가)

 

◾ 문자열 타입

- 자바스크립트의 문자열타입은 16비트의 유니코드 문자로 전세계 대부분의 문자 표현이 가능.

- 문자열은 '(작은따옴표)', "(큰 따옴표)", `(백틱)`으로 감싸서 표현 가능→ 일반적으로 '작은 따옴표' 사용.

- 감싸지 않은 문자열은 키워드나 식별자(변수)로 인식

-  +연산자 활용해 문자열 연결 가능.

- ``(백틱)으로 감싸서 표현식 삽입 가능함 → ex) `${js표현식}문자열`

    →삽입된표현식이 문자열 아니라도 문자열 타입으로 변환

 

◾ 불리언 타입

- boolean 타입의 값은 논리적 참, 거짓을 나타내는 true, false 두개 뿐.

- 주로 프로그램 제어하는 조건문에 활용

- 값이 있으면 true, 값이 없으면 false로 표현 (0이면 거짓, 1이면 참)

 

◾ undefined 타입

- var 키워드로 선언한 변수는 암묵적으로, undefined로 초기화 됨

 

◾ null 타입 

- null타입의 값은 null이 유일 →더 이상 참조하지 않겠다.

 

◾ 심벌타입

- ES6에서 추가된 데이터 타입(아직 안배워요,,,,)

---

🔹 데이터 타입 확인

- type of: 데이터 타입 확인 연산자

<script type="text/javascript">
 
    console.log(typeof 40);  // expected output: "number"
    console.log(typeof 'ksmart'); // expected output: "string"
    console.log(typeof true);  // expected output: "boolean"
    console.log(typeof undeclaredVariable);  // expected output: "undefined"
 
</script>

 

🔹데이터 타입 변환

- 명시자 타입 변환:  값의 타입을 개발자 의도에 따라 다른 타입으로 변환

                                      Number('문자열') = 숫자로 형변환

- 암묵적 타입 변환:  개발자 의도와 상관없이, 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환

<script>

let num1 =100;
let num2 =Number('200');//명시적으로 형변환	
let num3 =+'300';//묵시적 형변환
console.log(typeof num1, typeof num2, typeof num3);
let num4= Number('가');
console.log(num4, '숫자로 형변환 불가 NaN');
console.log(typeof num4, 'NaN의 타입?');
let num5= 10.34;
console.log(num5);
console.log(parseInt(num5),'소숫점 자리 절삭' );
let num6= -10.34;
console.log(parseInt(num6),'소숫점 자리 절삭');
// parseint()  vs Math.floor
console.log(parseInt(num5),parseInt(num6),'<--parseInt()');
console.log(Math.floor(num5),Math.floor(num6),'<-Math.floor()');

</script>

위 코드 결과 콘솔창.