JavaScript 자료형

Dynamic Typing(동적 타이핑)

자바스크립트는 동적 타이핑 방식을 사용한다. 따라서 변수의 자료형을 선언하지 않는다.

 

데이터 타입

// Number type
let n1 = 123
let n2 = 4.56

// String type
let s1 = "hello";
let s2 = 'world';

// Boolean type
let b1 = true;
let b2 = false;

// Null type
let n = null;

// Undefined type
let u1;
let u2 = undefined;

// Array type
let arr = [1, 2, 3, 4];

// Object type
let obj = { a: "apple", b: "banana", c: "carrot"};

 

 

Array Type(배열 타입)

// Number 타입으로만 이루어진 배열
let arr1 = [1, 2, 3, 4, 5];

// String 타입으로만 이루어진 배열
let arr2 = ["h", "e", "l", "l", "o"];

// Number 타입과 String 타입을 함께 사용한 배열 
let arr3 = [1, "h", 2, "i"];

// 다양한 자료형들을 함께 사용한 배열
let arr4 = [true, 1, undefined, false, "h", 2, null, "i"];

console.log(arr1[0]);
// 출력 결과: 1

console.log(arr1[1]);
// 출력 결과: e

console.log(arr1[2]);
// 출력 결과: 2

console.log(arr1[3]);
// 출력 결과: false

 

Object Type(객체 타입)

// 값으로 String 타입만을 사용한 객체
let obj1 = { a: "apple", b: "banana", c: "carrot"};

// 값으로 Number 타입만을 사용한 객체
let obj2 = { a: 1, b: 2, c: 2};

// 값으로 다양한 자료형들을 함께 사용한 객체
let obj3 = { a: "hello", b: 100, c: [1, 2, 3, 4] };

// 값으로 객체르 사용한 객체
let obj4 = {
	a: { a1: 1, a2: 2},
    b: { b1: 3, b2: 4},
    c: { c1: 5, c2: 6},
};

console.log(obj1['a']};
// 출력 결과: apple

console.log(obj2.a};
// 출력 결과: 1

console.log(obj3['c']);
// 출력 결과: [1, 2, 3, 4]

console.log(obj4.c.c2);
// 출력 결과: 6