여니의 프로그래밍 study/JavaScript

2-5 자료형 (Javascript)

여니's 2021. 3. 8. 21:55

 

동적 타입 언어

: 자료의 타입은 있지만 변수에 저장되는 값의 타입은

언제든지 바꿀 수 있는 언어이다.

 

EX)

let apple='hello'

apple=123

>> 주의할 점 : 변수의 선언은 한 번만 할 수 있음

 


1. 숫자형 (Number Type)

:  정수 및 부동 소수점 숫자를 나타낸다.

 

- Infinity

: 무한대를 나타낸다.

어떤 숫자든 0으로 나누면 무한대를 얻을 수 있다.

alert(1/0)

or

alert(Infinity)

 

- NaN

: 계산 중에 에러가 발생했다는 것을 알려준다.

부정확한 수학 연산을 사용했다는 뜻이다.

예를 들면 문자열을 숫자로 나누려고 했다던가 그런 말도 안되는 연산들!

 

- BigInt형

: 길이에 상관 없이 나타낼 수 있는 자료형으로,

표준으로 채택된 지 얼마 안 된 자료형이다.

 

const bigInt = 123123123123123n;

>> 정수 리터럴 끝에 n을 붙이면 BigInt형 완성!

※ Safari, IE에서는 지원 XX

 


2. 문자형

자바 스크립트에선 문자열을 따옴표로 묶는다.

 

- 기본적인 따옴표 : 큰 따옴표("), 작은 따옴표(')

이 둘은 차이가 없다.

 

- ${...}

: 역 따옴표로 변수나 표현식을 감싼 후 ${}안에 넣어주면,

문자열 중간에 원하는 변수나 표현식을 넣을 수 있다.

 

let name = 'yeony'

alert( ` Hello ${name}! ` );

// Hello yeony!

 

※ 글자형 지원 x, 오직 문자형만 있다. ※

 


3. 불린형

= 논리타입, True와 False 값만 존재하는 자료형이다.

 


4. null 값

: 오로지 null 값만 포함하는 별도의 자료형을 만든다.

 

※ 주의 ※

다른 언어에서 사용하는 null과의 성격이 전혀 다름!

다른 언어에선 null이 '존재하지 않는 객체에 대한 참조'나 '널포인터'를 나타낼 떄 사용한다.

하지만 자바스크립트에선 null을 '존재하지 않는 값', '비어 있는 값', '알수 없는 값'을 나타낼 때 사용한다.

 

EX)

let age= null;

>> 나이를 알 수 없거나 그 값이 비어있음을 의미한다.

 


5. undefined

>> null 값처럼 자신만의 자료형을 형성한다.

값이 할당되지 않은 상태를 나타낼 때 사용한다.

변수는 선언했지만 값을 할당하지 않았을 때,

변수에 undefined가 자동으로 할당된다.

 


6. 객체와 심볼

: 객체(object)형은 특수한 자료형이다.

 

- 심볼형

: 객체의 고유한 식별자를 만들 때 사용된다.

 


7. typeof 연산자

: 인수의 자료형을 반환한다.

자료형에 따라 처리 방식을 다르게 하고 싶거나 

또는

변수의 자료형을 빠르게 알아내고자 할 때 유용하다.

 

- typeof 연산자는 두 가지 형태의 문법을 지원함

 

(1) 연산자 : typeof x 

>> 인수의 자료형을 나타내는 문자열을 반환한다.

 

(2) 함수 : typeof(x)


출처

ko.javascript.info/types

 

자료형

 

ko.javascript.info