본문 바로가기

JavaScript/이론

[JS] 자료형

JavaScript의 자료형에 대해서 알아보겠습니다.

먼저 문자열 String 방식이 있는데요.

문자열을 표현하는 방법에는 3가지가 있습니다.

 

let name = "beaver"; => 큰따옴표로 표현하는 방법  

let name2 = 'beaver' ;' => 작은 따옴표로 표현하는 방법  

let name3 = `beaver`; => backtick 표현 방법(물결 단축키)

 

이때 작은 따옴표 문자열 안에

작은 따옴표를 문자로 사용하려면 역슬래시 넣어서

작은 따옴 표를 문자로 인식하게 사용할 수 있습니다.

 

let message = 'I'm a boy'

 

=> 에러 발생.

 

let message = 'I\'m a boy'

 

backtick은 보통 문자열 내부에 변수를 표현할 때 사용합니다.

${변수명}을 넣어서 표현하는데

 

let name = "beaver";
let message = `My name is ${name}`;

 

이런 식으로 Java의 System.out.printf처럼

변수를 넣는 용도로 사용할 수 있습니다.

backtick을 사용하는 용법에서는

계산식도 표현이 가능한데요.

 

let message2 = `I am ${100+99} years old`;

 

이런 식으로 안에 계산식을 넣을 수도 있습니다.

 

Java에서는 문자열의 동등 비교를 equals메소드를 사용했는데

JavaScript에서는 '=='을 써서 비교할 수 있습니다.

 

(a == b)

 

 

다음은 숫자형에 대해서 알아보겠습니다.

Number형이 있는데요.

정수실수 둘다 표현 가능합니다.

 

let age = 100;
let height = 150.3;

 

그리고 사칙연산도 가능합니다.

 

document.write(1+2);

 

Java와는 다르게

정수를 정수로 나눴을 때

그 값이 실수라면

실수를 반환합니다.

 

그리고 특이 케이스로

 

let a = 1 / 0;

 

1을 0으로 나누려고 하면

Infinity(무한대) 가 출력되게 됩니다.

 

또 다른 케이스로

 

let b = name / 2;

 

문자열을 숫자로 나누게 되면

NaN값이 출력되게 됩니다.

NaN은 Not a Number이라는 뜻으로

숫자가 아니라는 의미를 가지고 있습니다.

 

다음 자료형으로 논리형인 Boolean이 있는데요.

 

 let c = true;
 let d = false;

 

truefalse 두가지 형태가 있습니다.

 

 

다음은 자료형이라고 하긴 애매하지만

 

let a;

 

값이 선언되었는데

초기화가 안되었으면

'undifined'상태라고 지칭합니다.

 

다음은 type of 연산자에 대해서 알아보겠습니다.

type of는 변수의 자료형을 알아낼 때 사용하는데요.

직접 코드를 짰으면 당연히 이 연산자는 필요 없겠지만

다른 개발자가 코드를 짰을 때, 변수에 대한 자료형을 알아야 할 경우

혹은 API를 통해서 받아온 데이터의 자료형을 알아내서

다른 방식으로 처리해야 할 때 사용합니다.

 

document.write(typeof message);

'JavaScript > 이론' 카테고리의 다른 글

[JS] DialogBox  (0) 2025.01.15
[JS] Reduce  (0) 2025.01.15
[JS] 변수(Variable)  (0) 2025.01.15
[JS] FileReader  (0) 2025.01.15
[JS] Filter  (1) 2025.01.15