JavaScript

2-2 자료형

리버윤 2023. 6. 30. 14:51
728x90

자료형(Data Type)이란?

-> 컴퓨터가 처리하는 자료의 형태를 말한다.

 

자바스크립트의 자료형은 기본형과 복합형으로 구분한다.

 

  • 기본형(값이 하나) 
    • 숫자(number)  : 따옴표 없이 표기한 숫자 (정수와 실수 모두 number)
    • 문자열(string) : 작은 따옴표나 큰 따옴표로 묶어서 나타냄
    • 논리형(boolean) : 참(true)과 거짓(false) 두 가지 값만 가지고 있는 유형
    • undefined : 자료형을 지정하지 않았을 때. 변수를 선언만하고 값을 정의하지 않은 경우
    • null : 값이 유효하지 않을 때
  • 복합형(여러 값을 한꺼번에 담고있음)
    • 배열(array) : 하나의 변수에 여러 값을 저장
    • 객체(object) : 함수와 속성이 함께 포함
  • 자료형을 확인하는 방법으로는 typeof 연산자를 사용하는 방법이 있다. 
typeof "hi"
"string"

typeof 1234
"number"

기본형

  • number (숫자형-정수)
    • 소수점이 없는 숫자
    • 표형 방법에 따라 10진수, 8진수, 16진수 세 가지 유형으로 나누기도 함.
      • 8진수란? : 8진수는 8개의 숫자(0, 1, 2, 3, 4, 5, 6, 7)로 이루어진 수 체계이다. 
      • 16진수란? : 16진수는 10개의 숫자(0 ~ 9)와 알파벳(A, B, C, D, E, F)으로 이루어진 수 체계이다. 이 체계에서 각 자릿수는 16의 거듭제곱을 나타내며, 오른쪽에서부터 왼쪽으로 갈수록 자릿수가 증가한다.
  • number (숫자형-실수)
    • 소수점이 있는 숫자

※ 자바스크립트에서 실수를 계산할 때 주의할 점

  자바스크립트에서는 0.1이나 0.2를 2진수로 변환하여 계산하는데 이 때 자릿수가 많은 소수로 변환되고 변환된 상태에서 수를 더하기 때문에 결과가 예상한 것과는 다르게 0.30000000000000004로 나온다. 

 

  • string(문자형)
    • 작은 따옴표('')나 큰 따옴표("")로 묶은 자료
    • 큰 따옴표로 묶은 문자형 안에 큰 따옴표로 묶은 문장을 넣으려면 큰따옴표가 중복되지 않도록 작은 따옴표를 사용하면 된다.
  • Boolean(논리형)
    • 참(True)과 거짓(False)이라는 값을 표현하는 자료형
    • 조건을 확인할 때 많이 사용함
  • undefined 와 null
    • undefined는 변수에 값이 할당되지 않았거나 값이 없음을 나타내는 특별한 값이다. 변수를 선언했지만 초기값을 할당하지 않은 경우, 그 변수의 값은 undefined가 된다. 또한, 함수에서 반환값이 명시적으로 지정되지 않은 경우 함수의 반환값은 undefined가 된다.
    • undefined는 자료형이 undefined인것이 아니라 처음부터 변수에 값이 할당되지 않았다는 의미인 것이다.
    • null은 처음에 할당된 값이 더이상 유효하지 않음을 의미한다.

복합형

  • array(배열)
    • 하나의 변수에 어려 값을 저장할 수 있는 배열 유형
    • 배열에 저장할 자료를 쉽표로 구분해서 대괄호([])로 묶으면 배열을 선언 할 수 있다.
var country = ["한국", "일본", "중국", "베트남"];
country
["한국", "일본", "중국", "베트남"]
▶ (4)

  * 대괄호 안에 자료를 입력하지 않으면 빈 배열이 만들어진다. 빈 배열도 배열을 선언한것임

 

- 배열에 저장된 항목을 하나씩 가져오는 방법

   열 이름만 사용하면 배열 내용 전체를 가져오고

   배열 이름과 대괄호 안에 숫자를 넣어 사용하면 해당 위치의 값만 가져올 수 있다.

country[0]
"한국"

country[1]
"일본"

country[3]
"베트남"

*이때 뒤에 붙은 숫자를 배열의 '인덱스' 라고 부른다. (인덱스는 0부터 시작)

  •  object(객체)
    • 여러 자료를 중괄호({ })로 묶을 수 있다.
    • 키와 값을 콜론을 사용하여 정한다. ex) age : 21 여기에서 age는 키, 21은 값이다.
var kang = {
	fullname: "kang yunseo",
    	age: 20,
    	hobby: "Jiu-Jitsu"
}

- 자바스크립트 자료형의 중요한 특징

JavaScript는 c언어같은 언어와는 다르게 동적 타입 언어이므로 변수를 선언할 때 해당 변수의 타입을 명시적으로 지정할 필요가 없다. 변수를 선언할 때 변수의 자료형을 미리 지정하면 프로그램의 오류를 미리 방지할 수 있는 장점이 있다. 그래서 자바스크립트로 프로그램을 작성할 때는 오류가 없는지 꼭 확인해야한다.

728x90