home
  • 자료형이란?

    프로그램이 처리할 수 있는 모든 것을 자료라고 칭하는데, 자바스크립트에선 자료를 형태에 따라 크게 3가지로 나눈다.

    또한 자료형에 따라 사용할 수 있는 연산자들이 있다.

  • string : 문자열

    문자는 말 그대로 글자 자료를 뜻한다.

    문자 자료는 항상 따옴표 안에 넣어 표현해야 하기 때문에 구별이 쉽다.

    숫자 또한 따옴표 안에 넣으면 문자가 된다.

    문자형 자료에서 쓸 수 있는 연산자는 다음과 같은 것들이 있다.

    연산자 설명
    `\n` - 띄어쓰기를 할 수 있음
    - 사용 예) '안녕'+`\n`+'하세요'
    - es6 문법이라 ie에서 지원하지 않는다.
    줄바꿈 - br의 역할을 한다.
    - 사용 예) "우유\n"+"가게"
    - 띄어쓰기와 모양이 비슷하니 잘 구별하자.
    - .write()에서는 적용이 안됨.
    문자형 자료에서 사용할 수 있는 연산자 표

    연산자를 쓰지 않고도 기본 띄어쓰기는 가능하다. 다만,

    document.write()해서 나오는 것들은 결과가 html 문서에 나타나기 때문에 띄어쓰기는 한 번만 용인된다.

    alert()는 html에 나타나는 게 아니라 연속 띄어쓰기가 가능하다.

    document에서도 연속 띄어쓰기를 할 수는 있다.

    여러가지 방법이 있겠지만 공백문자 entity 코드인  를 쓰는 게 가장 좋은 방법인 것 같다.

  • number : 숫자

    연산을 할 수 있는 숫자를 뜻한다.

    숫자형 자료에서 쓸 수 있는 연산자는 다음과 같은 것들이 있다.

    연산자 설명
    + - 더하기
    - - 빼기
    / - 나누기
    - 나눠지는 수 / 나눌 수
    * - 곱하기
    % - 나눈 값의 나머지
    - 나눠지는 수 % 나눌 수
    숫자형 자료에서 사용할 수 있는 연산자 표
  • boolean : 논리 (참, 거짓)

    참과 거짓으로 나뉘는 자료를 논리 자료형이라고 한다.

    true와 false 또는 1과 0으로 나타낸다.

    논리형 자료에서 사용할 수 있는 연산자는 다음과 같은 것들이 있다.

    연산자 설명
    A == B
    A === B
    - A와 B가 같음을 뜻한다.
    - ==는 단순히 모양만 비교
    - ===는 모양뿐 아니라 자료형까지 비교.
    A != B
    A !== B
    - A와 B가 다름을 뜻한다.
    - !=는 단순히 모양만 비교
    - !==는 모양뿐 아니라 자료형까지 비교.
    A > B
    A < B
    A >= B
    A <= B
    - 초과, 미만, 이상, 이하를 뜻한다.
    - 왼쪽에서 오른쪽으로 읽는다. A가 B보다 ~하다.
    숫자형 자료에서 사용할 수 있는 연산자 표