til/Front

[JavaScript] 자료형(Datatype)

값진 2022. 6. 11. 23:49

JavaScript 자료형

  • number(숫자)
  • string(문자열)
  • boolean(논리형)
  • object(객체형)
  • 그 외 기타

 

 

1. number
   - 숫자형(정수, 실수)

var firstNum = 10;     // 소수점을 사용하지 않은 표현
var secondNum = 10.00; // 소수점을 사용한 표현
var thirdNum = 10e6;   // 10000000
var fourthNum = 10e-6; // 0.00001


           
2. string
  - 문자, 문자열

var firstStr = "문자열";      // 큰따옴표
var secondStr = '문자열';     // 작은따옴표
var thirdStr = "이것은 '문자열'이다."  // 작은따옴표는 큰따옴표로 둘러싸인 문자열에만 포함될 수 있음.
var fourthStr = '이것은 "문자열"이다.' // 큰따옴표는 작은따옴표로 둘러싸인 문자열에만 포함될 수 있음.



3. boolean
  - 논리형. 참과 거짓을 표현

var firstNum = 10;
var secondNum = 11;
document.getElementById("result").innerHTML = (firstNum == secondNum); // false

 

           
4. object
  - JavaScript의 기본 타입
  - JavaScript에는 클래스라는게 없다. 하지만 객체 개념은 있다.
  - 자바 > 객체 지향 프로그래밍 언어
  - 자바스크립트 > 객체 기반 프로그래밍 언어

var dog = { name: "강아지", age: 3 }; // 객체의 생성
// 객체의 프로퍼티 참조
document.getElementById("result").innerHTML =
    "강아지의 이름은 " + dog.name + "이고, 나이는 " + dog.age + "살 입니다.";


            
5. 기타(자료형 > 상수)
  a. null
  b. undefined
  c. NaN(Not a Number)
            
            

 *   변수, 상수(리터럴)
       - JavaScript는 변수의 타입이 없다.
        - var 변수명;
        - 변수는 모든 자료형의 데이터를 저장할 수 있다.(= 자바의 Object 변수)

        var num = 10;
        var num2 = 10.5;
        
        var name = "홍길동";  //문자열("")
        var name2 = '홍길동'; //문자열('')

        var now = new Date();

        var flag = true;
        var flag = false;

 

  *   연산자와 제어문은 자바와 동일하다.