[JS] 자바스크립트 자료형 정리

 

자료형이란? 

자료형 (Data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미한다.

자바스크립트의 기본타입은 '원시타입'과 '객체타입'으로 구분할 수 있다.

(각각 '기본자료형' 그리고 '참조자료형'으로도 불린다.)

 

 

원시타입(primitive type)

1. 문자열(string)

2. 숫자(number)

3. 참/거짓 값 (boolean)

4. undefined

5. null

6. 심볼(symbol)

 

참조 자료형(object type)

1. 객체 (object)

 

---

 

 

각자의 자료형 (데이터 타입)을 하나씩 정리해보자.

 

 

1. 문자열 (string)

- 큰따옴표("")나 작은따옴표('')로 둘러쌓인 문자의 집합.

- 덧셈 기호로 연결 가능함.

 

 

이스케이프 문자

- 역슬래시(＼)를 붙여 씀.

- 사용자 의도와 다르게 문자열을 해석할 때 사용함. (역슬래시를 붙이면 순수한 문자로 인식함.)

＼'	작은 따옴표
＼"	큰 따옴표
＼n	줄 바꿈
＼t	수평 탭
＼＼	역슬래시

결과물

 

 

템플릿 문자열

- 백틱(') 으로 문자열을 정의하는 방법

- 문자열에 큰 따옴표/ 작은 따옴표가 있어도 영향 (x)

-  ${} 문법 이용해서 문자열에 변수 or 식을 넣을 수 있다.

ex) 아래 곱셈식 예시

결과물

 

2. 숫자형 (number)

- 자바스크립트는 정수와 실수를 구분하지 않는다. (전부 하나의 숫자형으로 취급함.)

- 10이나 0.1이나 JS에서는 같은 숫자형임.   따라서 실수를 사용할 땐 주의해야 함.

 

소수점까지 나와버리는 결과값

 

e 표기법

- 매우 큰 수 혹은 작은 수를 표현할 때에 사용할 수 있다.

ex) 10e6 = 10,000,000

10e-6 = 0.00001

 

​

 

3. Boolean(논리형)

​

- 논리형은 참 or 거짓에 해당하는 논리값 ; 

- 논리형은 오직 true와 false 두 값만 존재함.

true와 false 두 값만 나타내는 boolean (논리형)

 boolean4 (10>20) 가 false로 나타나는 것을 확인 할 수 있다.(논리적 거짓)

​

​

​

​

4. null과  undefined

- null: 아직 '값'이 정해지지 않은 것을 의미한다.

- undefined: 아직 '타입'이 정해지지 않은 것을 의미한다.

 

 

- null과 undefined는 동등 연산자 (==)와 일치 연산자(===)로 비교할 때 그 결과 값이 다르므로 주의해야한다.

- null과 undefined는 타입을 제외하면 같은 의미이지만, 타입이 다르다.

데이터를 할당하지 않으면(empty), undefined로 할당됨.

​

​

​

---

 

 

객체 (object)

- 배열, 객체 리터럴, 함수가 해당됨.

​

 

 

 

1. 배열

-  [ ] 

-  복수의 데이터를 정의할 수 있는 자료형

-  자바스크립트에서 숫자가 0부터 시작함.

(여러 데이터들이 어떤 값인지 명확하게 알 수 없다는 단점이 있음./ 다른 개발자가 알아보기 어려움. )

[] 배열로 나타낸 모습

[1] 배열을 불러오는 console 값 작성

[1]값을 불러온 결과값

 

 

 

2. 객체 리터럴

-  { } 

- 여러 값을 하나로 묶을 수 있음.

- 배열과 달리 값을 '키'로 구분함.

(배열과 달리 의미를 바로 파악할 수 있음.)

- 아래의 예시에서는 'koreanScore', 'englishScore', 'mathScore', 'scienceScore' 키로 나누어준 것을 확인해볼 수 있음.

 

---

 

 

 

 

JS의 유명한 밈과 함께 ,,, 

오늘 정리는 여기까지