본문 바로가기

Frontend study/JavaScript

JavaScript - 2. 변수, 상수, 자료형

✔ 자바스크립트의 변수, 상수 그리고 자료형에 대해 정리합니다.

 

  변수, 상수 그리고 자료형에 대해서

 

 

 1. 변수에 대해서

 

 :) 자바스크립트에서 변수는 값을 저장하는 데 사용된다. 

 

    1) 변수 생성하기

      - 데이터를 일정 기간 동안 보관하고 필요시 사용하기 위한 메모리 공간을 의미한다. 

      - 이 메모리 공간을 식별하기 위해 고유의 이름을 명시한 것을 말한다.

      - 변수를 생성하는 것을 변수 선언이라 한다. 

 

    2) 변수에 값을 저장하기

      - 생성한 변수에 값을 저장할 수 있다. (변수 할당, 변수 정의)

        → 생성한 변수에 처음에 값을 저장하는 것을 초기화라고 부른다.

      - 변수는 저장한 값을 다른 값으로 바꿀 수 있다. (변수 재할당)

      - 변수를 생성하고 곧바로 값을 저장할 수 있다. 

        → 한 줄에 여러 변수를 생성하는 것이 가능하지만 되도록 한 줄에 하나의 

            변수를 생성하는 것이 보기에 좋다. 

 

let first; //변수 선언
 first = "Hello Javascript!" //값 할당
console.log(first); //출력

 

 

 2. 상수에 대해서

 

  :) 상수에 대해서

   - 상수는 변수처럼 값을 저장하지만, 값을 변경하는 것이 불가능하다.

   - 객체나 함수, 배열과 같이 값이 변경될 여지가 없을 때 사용한다. 

  

const first; //변수 선언
 first = "Hello Javascript!" //값 할당
 fist = "반가워 Javascript!" //다른 값으로 재할당을 할 수 없다
console.log(first); //출력

 

 

 

 3. 자료형에 대해서

   

  :) 자료형이란

        : 변수에 저장된 값의 형태는 달라질 수 있다. 그 형태에 대해서는 string, number, boolean,

          undefined, null이 있다. 

          자바스크립트는 다른 언어와는 달리 자료형을 지정해주지 않고 let, const 뒤에 바로 변수명을 

          사용하는 것이 가능하다. 이러한 형태의 언어를 동적 타입 언어라 한다.

          자바스크립트 자료형에는 기본자료형과 참조자료형으로 나눈다. 

       

     1) 기본 자료형

          - 한 번 값을 저장하면 값의 원형은 변형할 수 없는 자료형이다. 여기 기본 자료형에는 

            string, number, boolean, undefined, null이 있다. 

          → null은기본 자료형에 속하지만 버그로 인해 자료형을 검사하면 객체로 표시된다. 

              그냥 객체로 보자

 

        (1) String - 문자열 자료형 

              : 문자열을 나타내려면 큰 따옴표("")나 작은 따옴표('')로 감싸서 표현한다. 

              - 문자열안에 큰 따옴표, 작은 따옴표를 사용하고 싶으면 큰 따옴표로 감싼 

                형태로 안에 작은 따옴표를 사용하던가 작은 따옴표로 감싼 형태로 큰 따옴표를

                사용해야한다. 이게 번거로우면 이스케이프 시퀀스를 사용하자!

 

        (2) Number - 숫자 자료형 

              : 자바스크립트는 정수와 부동소수점(= 소수)을 따로 구분하지 않고,

               모든 수를 실수 하나로만 표현할 수 있다.

                - 정수, 부동소수점 부터 +무한대, -무한대, NaN(숫자가 아님) 값을 표현할 수 있다.

                - 모든 연산자를 사용하여 연산이 가능하며, 연산자 우선순위가 적용된다. 

                - 정수 형태로만 표현하려면 Math.floor() 를 사용하여 소수점 이하는 버릴 수 있다.

 

        (3) boolean - 불린 자료형 

              : 불린(= 불) 자료형은 참과 거짓이란 2개의 값이 있다. 

                - 조건을 나타내거나 논리적인 연산이 필요할 때 사용된다.

 

        (4) undefined - undefined 자료형 

              : undefined 자료형은 변수를 만들고 어떠한 값을 저장하지 않으면 컴퓨터가 자동으로 

                저장하는 값이다. 이 자료형은 말 그대로 정의되지 않았음을 의미한다. 

                

 

           ※  undefined 자료형과 null 자료형에 대해서

 

            (1) undefined 

                - 값이 정의되지 않은 상태, 비어있는 상태를 의미한다.

                - 컴퓨터가 자동적으로 넣어준 값이다. 

 

            (2) null

                - undefined 자료형처럼 비어있는 상태를 의미한다. 

                - 개발자가 명시적으로 값을 비울 때 null 값으로 저장할 수 있다.

                  (물론 undefined도 null 처럼 명시적으로 넣을 수 있지만 권장하지는 않는다.)

  

 

      2) 참조 자료형

           : 기본 자료형은 딱 하나의 값만 저장할 수 있고, 값의 원형은 변형할 수 없었다. 참조 자료형은 

             기본 자료형과는 달리 여러 값을 저장할 수 있고, 값의 원형을 변형할 수 있다. 

             참조 자료형에는 기본 자료형을 제외한 모든 오브젝트가 여기에 해당한다. 

              → 함수, 객체, 배열등이 있다.

         

          

    

'Frontend study > JavaScript' 카테고리의 다른 글

JavaScript - 6. 배열  (0) 2022.02.27
JavaScript - 5. 반복문  (0) 2022.02.27
JavaScript - 4. 조건문  (0) 2022.02.26
JavaScript - 3. 연산자  (0) 2022.02.25
JavaScript - 1. 시작하기!  (0) 2022.02.25