JavaScript - 데이터 타입

Moolbum·2022년 1월 31일
0

JavaScript

목록 보기
10/18
post-thumbnail

데이터 타입

자바스크립트의 모든 값은 데이터 타입을 가지고 있습니다.
ES6 기준으로 7개의 데이터 타입을 가지고 있고 크게 2가지로 나눌 수 있습니다.

1. 원시 타입 (기본형, Primitive Type)

  1. 숫자 타입 (number) : 숫자
  2. 문자열 타입 (string) : 문자열
  3. 불리언 타입 (boolean) : true / fulse
  4. undefined 타입 : var 키워드로 선언된 변수에 암묵적으로 할당되는 값
  5. null타입 : 값이 없다는 것을 의도적으로 사용하는 값
  6. symbol 타입 : ES6에서 추가된 7번째 타입

2 객체 타입 (참조형, Reference Type)

  1. 객체 타입 : 객체, 함수, 배열, 정규표현식 등

숫자 타입 (number)

자바스크립트의 숫자타입은 모든 수를 실수로 처리한다.
정수로 표현을 해도 사실은 실수라는 것!

console.log( 1 === 1.0 ) // true

특별한 세 가지 값도 가지고 있다.

  • Infinity : 양의 무한대
  • -Infinity : 음의 무한대
  • NaN : 산술 연산 불가 (not-a-number)

문자열 타입 (string)

문자열 타입은 텍스트 데이터를 나타낸다.
큰따옴표 (""), 작은따옴표 (''), 백틱 (``) 으로 텍스트를 감싸며 사용하며
가장 일반적으로 작은따옴표을 사용한다.

let string;
string = '문자열';
string = "문자열";
string = `문자열`;

템플릿 리터럴

ES6부터 나온 백틱을 (``) 이용한 새로운 표기법이다.
멀티라인 문자열, 표현식 삽입으로 편리한 문자열 처리 기능을 제공한다.
간편하게 값을 할당 할 수 있고 가독성이 좋아진다.

1. 멀티라인 문자열

const template = `<ul>
<li><a href="f">Home</a></li>
</ul>
`;

일반적인 문자열 타입으로 입력하면 개행처리가 되지않지만
백틱을 이용하면 손쉽게 개행처리를 할 수 있다.

2. 표현식 삽입
표현식을 삽입하기위해 ${}으로 감싸준다.
간편하게 문자열을 조합 할 수 있다.

const first = 'Ung-mo'
const last = 'Lee'

console.log(`My name is ${first} ${last}) // My name is Ung-mo Lee`

불리언 타입 (boolean)

참과 거짓을 나타내는 값으로 true, false 뿐이다.
조건문에서 자주 사용한다.


undefined 타입

undefined 타입의 값은 undefined가 유일하다.
변수를 선언한 이후 값을 할당하지 않은 변수를 참조하면 undefined가 반환된다.
변수에 값이 없다는 것을 명시하고 싶을 때는 undefined가 아니라 null을 할당한다.


null 타입

null 타입의 값은 null이 유일하다.
대소문자를 구분하기 때문에 Null,NULL과는 다르다.
변수에 값이 없다는 것을 의도적으로 명시 할 때 사용한다.


심벌 타입 (symbol)

ES6에서 추가된 7번째 타입으로 변경 불가능한 원시타입의 값이다.
다른 값과 절대 중복되지 않는 유일무이한 값이다.


객체 타입

자바스크립트를 이루고있는 대부분은 객체이며 위 6가지 이외의 데이터 타입은 객체타입이다.

profile
Junior Front-End Developer 👨‍💻

0개의 댓글