4. 데이터 타입(Data Type)

데이터 타입(Data Tpye)

• 프로그램에서 다룰 수 있는 값의 종류
• 자바스크립트는 선언시 타입을 정하지 않기 때문에 많은 문제가 발생할 수 있음
• 자바스크립트의 타입 유연성을 해결하기 위해 타입스크립트가 탄생

숫자형(number)

• 정수와 실수를 따로 구분하지 않음
• 모든 수를 실수 하나로만 표현

const num1 = 10;
const num2 = 11.11;
const num3 = 10e6; // 10의 6제곱
        
console.log(num1); // 10
console.log(num2); // 11.11
console.log(num3); // 10000000
console.log(typeof(num1)); // number
console.log(typeof(num2)); // number
console.log(typeof(num3)); // number

문자형(string)

• '', "" 또는 ``로 둘러싸인 문자의 집합

const num4 = 10;
const num5 = 5;
const str1 = "hello javascript";
const str2 = "hello world";
const str3 = '10';
console.log(num4 + num5); // 15
console.log(num4 + str1); // 10hello javascript 숫자 + 문자열 = 연결
console.log(str1 + str2); // hello javascripthello world
console.log(str1 + ' ' + str2); // hello javascript hello world
console.log(`str1: ${str1}, str2: ${str2}`); // ``을 쓰면 ``안에 ${변수}로 처리 가능

console.log(num4 + str3); // 1010 숫자 + 문자열 = 연결
console.log(num4 - str3); // 0 -> 자동 형변환
console.log(num4 * str3); // 100 -> 자동 형변환
console.log(num4 / str3); // 1 -> 자동 형변환

``를 사용하는 예제

let num = 10
console.log("입력한 숫자는" + num + "입니다."); // ""나 ''를 사용하면 +로 연결해야됨
console.log(`입력한 숫자는 ${num} 입니다.`); // ``을 사용하면 ${값}으로 ``안에서 표현 가능

논리형(boolean)

• false, 0, '', "", null, undefined는 모두 거짓(false)으로 판정함
• false가 아닌 모든 값은 참(true)로 판정함

const b1 = true;
const b2 = false;
const b3 = (10 > 5);
const b4 = (10 < 5);
console.log(b1); // true
console.log(b2); // false
console.log(b3); // true
console.log(b4); // false
console.log(typeof(b1)); // boolean

undefined, null

• undefined : 타입이 정해지지 않은 타입을 의미(변수 선언 후 값이 정해지지 않은 경우)
• null : null을 저장한 값, 값이 없는 것

let num;
console.log(num); // undefined
console.log(typeof(num)); // undefined
let obj1 = {};
console.log(obj1); // {}
console.log(typeof(obj1)); // object
let obj2 = null;
console.log(obj2); // null
console.log(typeof(obj2)); // object

 

심볼형(symbol)

• 유일하고 변경 불가능한 기본값을 만듬
• 객체 속성의 key로 사용

const sym1 = Symbol("apple");
const sym2 = Symbol("apple");
console.log(sym1); // Symbol(apple)
console.log(sym2); // Symbol(apple)
// == : 값만 같으면 true 
console.log(sym1 == sym2); // false
// === : 값과 타입이 모두 같으면 true    
console.log(sym1 === sym2); // false

const sym3 = sym1;
console.log(sym1 == sym3); // true
console.log(sym1 === sym3); // true

객체형(object)

• 어떤 속성을 하나의 변수에 저장할 수 있게 해주는 집합
• key value pair 구조로 저장

    const user = {userid : "apple", name : "김사과", age : 20}
                           ------      -------
                            key       value

 

const user = {userid : "apple", name : "김사과", age : 20};
console.log(user); // {userid: 'apple', name: '김사과', age: 20}
console.log(user.userid); // apple
console.log(user.name); // 김사과
console.log(user.age); // 20
console.log(`유저의 아이디는 ${user.userid}, 이름은 ${user.name}, 나이는 ${user.age} 입니다`); // 유저의 아이디는 apple, 이름은 김사과, 나이는 20 입니다