본문 바로가기

WEB/javascript

[JavaScript] 자바스크립트 자료형

내가 자바스크립트 공부를 참고하는 사이트이다.

요약하면서 공부해보려고 한다.

 

자료형

 

ko.javascript.info

 

1. 숫자형

 

2. 문자형

자바스크립트에서 사용하는 따옴표 종류

① 큰따옴표 : "HELLO"

② 작은따옴표 : 'HELLO'

③ 역따옴표 : `HELLO`

 

자바스크립트에서 큰따옴표와 작은따옴표는 차이를 두지 않는다

 

역따옴표는 변수나 표현식을 감싼 후 ${...}안에 넣으면 원하는 변수나 표현식을 문자열 중간에 넣을 수 있다

let name = "John";

// 변수를 문자열 중간에 삽입
alert(`Hello, ${name}!`); // Hello, John!

// 표현식을 문자열 중간에 삽입
alert(`the result is ${1+2}`); // the result is 3

 

큰따옴표나 작은따옴표 안에 넣으면 표현식을 넣을 수 없다

alert( "the result is ${1 + 2}" ); // the result is ${1 + 2}

3. 불린형 (논리형)

True / False 값으로 도출되는 자료형

let isGreater = 4 > 1;

alert( isGreater ); // true

 

4. null값

자바스크립트는 null이 존재하지 않는 값, 비어 있는 값, 알 수 없는 값을 나타낸다

그러나 다른 언어에서는 존재하지 않는 객체에 대한 참조, 널 포인터를 나타낸다

 

5. undefined값

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

변수를 선언했는데 값을 선언하지 않았다면 해당 변수에 undefined가 자동 할당된다.

 

직접 undefined를 할당할 수 있지만 비어있거나 알 수 없는 상태를 나타내려면 null을 사용하는 것이 좋다.

 

6. 객체와 심볼

object (객체) - 데이터 컬렉션이나 복잡한 개체(entity)를 표현할 수 있음

symbol (심볼) - 고유한 식별자를 만들 때 사용

 

7. typeof 연산자

인수의 자료형을 반환한다

자료형에 따라 처리 방식을 다르게 하고 싶거나 변수의 자료형을 빠르게 알아낼 때 유용함

 

① 연산자 : typeof x

② 함수 : typeof (x)

typeof undefined // "undefined"

typeof 0 // "number"

typeof 10n // "bigint"

typeof true // "boolean"

typeof "foo" // "string"

typeof Symbol("id") // "symbol"

'WEB > javascript' 카테고리의 다른 글

[JavaScript] 자바스크립트 변수와 상수  (0) 2022.06.17