[JavaScript] 변수와 자료형

변수 선언

  - 느슨한 자료형 체크

  - 변수 선언 시, 변수에 할당되는 자료형을 명시하지 않아도 됨

  - 변수를 지정하고 원하는 값을 할당만 하면 됨

 

  1) var : 같은 이름으로 변수를 재선언할 수 있음

      → 잘 사용하지 않음

  2) let : 재선언할 수 없으며, 값 변경이 가능한 변수

      → 가장 자주 사용됨

  3) const : 재선언할 수 없으며, 값 변경이 불가능한 변수 (Java의 상수와 유사)

      → 처음 선언할 때 값을 초기화해줘야 함

 

// 하나의 변수 선언 및 초기화
let 변수명 = 값;
 
// 여러 개의 변수 선언 및 초기화
let 변수명1, 변수명2, ... = 값;

 

 

---

자료형

  1) 문자형 데이터 (string)

      - 홑따옴표 또는 쌍따옴표로 표기

 

  2) 숫자형 데이터 (number)

 

  3) 논리형 데이터 (boolean)

 

  4) 객체 (object)

      : 중괄호({})로 묶인 key-value 쌍들의 집합

      - 함수와 속성이 함께 포함됨

      - 각 key-value 쌍은 콜론(:)으로 구분됨

      - 여러 자료형의 key-value 쌍을 저장함

 

<script>
    let student = { // JSON과 달리, key명에 쌍따옴표를 사용하지 않음
    // 객체 리터럴 (객체 표현식)
        firstName : "서영",
        age : 24,
        address : "부산"
    };
    // 타입 확인
    console.log(typeof student);
    // 객체이므로 .연산자 사용 가능
    console.log(student.firstName);
</script>

 

  5) 배열 (array)

      : 대괄호([])로 묶인 값들의 리스트

      - 각 값들은 쉼표(,)로 구분됨

      - 하나의 변수에 여러 값을 저장함

      - 인덱스 0부터 시작

      - 존재하지 않는 인덱스 값을 가져오려고 하면 undefined가 출력됨

      - Java와의 차이점

          · Java의 배열에 여러 자료형의 값을 저장하려면 다형성을 이용해야 함

          · JavaScript의 배열은 기본적으로 여러 자료형의 값을 저장할 수 있음

 

  6) 그 외

      - undefined

          : 자료형이 지정되지 않았을 때의 상태

          ex) 변수를 선언만 하고 값을 정의하지 않은 경우

      - null

          · 값이 유효하지 않을 때의 상태

          · 처음에 할당된 값이 더 이상 유효하지 않다는 의미 

      - JSON

 

 

반응형

728x90

---

#  변수와 문자열을 간단하게 합쳐서 표현하기

  - 기존 : "문자열" + 변수명

  - 백틱 활용 : `문자열${변수명}`

 

 

#  실수 계산 관련 유의사항

  - 자바스크립트는 정밀한 실수 계산을 할 수 없음

      ex) 0.1 + 0.2 → 0.300000004

  - 부동소수점 방식으로 숫자를 표현하는 이진법의 한계 때문에 발생하는 문제

      · 부동소수점

          : 소수점 위치가 고정되어 있지 않고, 이진법으로 숫자를 표현함

              → 무한 소수의 경우, 근사값으로 표현되어 오차가 발생할 수 있음

      · 무한 소수

          : 소수점 이하의 자릿수가 무한히 반복되는 소수

              → 유한한 자릿수로 정확히 표현할 수 없음

              → 근사값으로 표현하거나, 무한 반복되는 자릿수를 생략하여 유한한 자릿수로 표현해야 함

    - 해결 방안

 

let result = (0.1 + 0.2).toFixed(1); // 소수점 고정