[JavaScript]자료형

목차

 

자바스크립트 기본 자료형에 대해 짧게 정리!

 

Number

 

따옴표나 큰 따옴표 등이 붙지 않는 숫자는 자동으로 숫자로 인식한다.

console.log(1.3 + 2);

3.3

간단한 사칙연산 (+, -, *, /, %)을 제외하고도 몇 가지 복잡한 연산을 추가로 지원한다.

console.log(Math.pow(2, 3));
console.log(Math.round(2.3));
console.log(Math.ceil(2.3));
console.log(Math.floor(2.3));
console.log(Math.sqrt(2));
console.log(Math.random());

8
2
3
2
1.4142135623730951
0.6315177261112865

 

String

 

문자열은 작은따옴표(') 혹은 큰 따옴표(")로 감싸서 표현한다.

 

짝을 맞춰주기만 하면 어떤 종류의 따옴표를 사용하건 상관없다.

 

추가로 문자열 내부에서 따옴표를 표시하고 싶으면 (\)를 앞에 붙여주어야 한다.

 

console.log('Hello, World!');
console.log('Gni\'s World!');
console.log('Hello, ' + 'Gni\'s World!');

Hello, World!
Gni's World!
Hello, Gni's World!

 

Boolean

 

논리적인 값을 나타내는 자료형이다. 'true'와 'false'두 가지가 존재한다.

let x = true;
console.log(x);

true

 

Object

 

객체는 첫 프로젝트 진행 시 단어의 의미가 미묘하게 달라 소통에 방해가 됐던 개념이다.

 

중괄호({})로 둘러싸인, 'key : value' 형태로 정의되는 자료형을 가리킨다.

let x = { name: 'Gni', age: 11 };
console.log(x);

{ name: 'Gni', age: 11 }

 

Array

 

자바스크립트에서 배열은 순서가 있는 값의 집합을 가리킨다.

 

대괄호([])로 둘러싸 생성하며, 각 값은 쉼표로 구분한다.

 

하나의 배열에 반드시 하나의 자료형만 넣어야 하는 것은 아니다.

let x = [1, 'Gni', 2, 'Dinger'];
console.log(x);

[ 1, 'Gni', 2, 'Dinger' ]

 

Function

 

함수를 기본 자료형에 포함시키는 것이 맞는지 헷갈리지만 일단 그렇다니까 그런 줄로 알고 정리한다.

 

함수란 특정한 작업을 실행하기 위한 코드블럭으로, "function"키워드를 이용해 정의된다.

 

당연하게도 매개변수와 반환 값이 포함될 수 있으며, 일반적으로 재사용이 가능해 가독성과 유지보수성을 향상시킨다.

function numbering() {
    i = 0;
    while (i < 10) {
        console.log(i);
        i += 1;
    }
}
numbering();

0
1
2
3
4
5
6
7
8
9

 

Others

 

이외에도 자바스크립트는 null, undefined 등의 특수한 자료형들이 존재한다. 둘의 차이는 아래와 같다.

 

• null
  
  
  • 값이 없음(개발자가 값(데이터)이 없음을 명시적으로 표현하기 위해 사용)
  • 객체 타입
  • falsy 타입으로, 조건문에서 'false'로 평가됨
• undefined
  
  
  • 값이 아직 할당되지 않은 변수의 기본 상태
  • 변수를 선언하고 특정 값으로 초기화하지 않은 경우 자동으로 지정될 수 있음
  • 변수 자체가 선언되지 않은 경우에도 발생할 수 있음
  • 역시 falsy 타입으로, 조건문에서 'false'로 평가된다.

let variable_1; // undefined
let variable_2 = null; // null

 

정리하다 보니 모르는 게 산더미처럼 또 쏟아져 나와서 감당이 어렵다..

 

지금은 일단 여기까지만 하고 도망!