[JavaScript] 자바스크립트 데이터 타입(Data Type) - 자료형/Array/Object

✍️ Summary

자료형		설명
기본형	number (숫자)	따옴표 없이 표기한 숫자를 나타냅니다.
	string (문자열)	작은따옴표(')나 큰따옴표(")로 묶어 나타낸 문자의 집합입니다.
	boolean (논리형)	참(true)과 거짓(false)으로 표현할 수 있는 유형입니다.
	undefined	자료형을 지정하지 않았을 때의 유형입니다. 변수를 선언하고 값을 정의하지 않으면 undifined가 됩니다.
	null	값이 유효하지 않을 때의 유형입니다.
복합형	array (배열)	하나의 변수에 여러 값을 저장하는 유형입니다.
	object (객체)	함수와 속성이 함께 포함된 유형입니다.

---

기본형

Number

 

- 숫자 자료형입니다.
- 자바스크립트에서는 정수, 실수를 구분하지 않습니다. 

  (정확히는 정수만을 위한 자료형이 없습니다.)

 

📝 Number 형태

const floatingType = 123123.123123;
console.log(floatingType);

/*
실행 결과
===============================
123123.123123
===============================
*/

---

String

- 문자 자료형입니다.

 

📝 String 형태

const stringType = "사과는 맛있어";
console.log(stringType);

/*
실행 결과
===============================
사과는 맛있어
===============================
*/

---

Boolean

- true/false 두가지 값을 가질 수 있습니다.
- 프로그래밍 시 논리적으로 참/거짓을 판단할 필요가 있을때 사용합니다.
   ex) 사용자가 입력한 값이 10 이상이면 참, 아니면 거짓 (비교연산자) 

 

📝 Boolean 형태

const boolT = true;
const boolF = false;
console.log(boolT,boolF);

/*
실행 결과
===============================
true false
===============================
*/

---

Undefined

- 변수명만 선언되어있고, 변수값이 없는 자료형입니다.
- 메모리 공간은 확보 되어있지만 실제로 데이터가 들어가있지 않습니다. 

 

📝 Undefined 형태

let undefinedType
console.log(undefinedType)

// 변수값에 직접 undefined를 넣을 수 있습니다.
// let undefinedType = undefined;

/*
실행 결과
===============================
undefined
===============================
*/

---

Null

- 변수값이 비어있다는 표기를 하기 위한 자료형입니다.
- undefined 형은 메모리에 아무런 데이터가 없지만, 

   null 자료형의 경우 "Null"형이 값으로 출력됩니다.

 

📝 Null 형태

let nullType = null;
console.log(nullType)


/*
실행 결과
===============================
null
===============================
*/

---

복합형

Array (배열)

 

- 배열은 인덱스를 가지는 여러개의 데이터를 저장할 수 있는 자료 구조입니다.
- 하나의 배열에 여러 자료형의 데이터를 저장할 수 있습니다.

- 배열은 저장할 자료를 대괄호[] 안에 쉼표로 구분해서 넣어주면 됩니다!

 

📝 Array 형태

const arraySample = ["judy", 30, true, null]
console.log (arraySample)

/*
실행 결과
===============================
[ 'judy', 30, true, null ]
===============================
*/

 

배열의 데이터는 순서대로 저장되며, 데이터는 인덱스를 이용해서 접근합니다.

const arraySample = ["judy", 30, true, null]
console.log (arraySample[0]);
console.log (arraySample[1]);

/*
실행 결과
===============================
judy
30
===============================
*/

---

Object (객체)

- 객체는 키(key)와 값(value)로 구성된 Property의 집합입니다.
- 원하는 데이터 전부 다 넣을 수 있습니다. 

- 중괄호{}를 사용해 데이터를 담는데 사용하는 타입으로 { key : value } 로 이루어진다.
  프로퍼티(property)란 하나의 key : value를 지칭한다.
  따라서 객체는 프로퍼티의 집합이라고 할 수 있다.

 

📝 Object 형태

const objectSample = {
    name: "김초롱",
    age: 30,
    nationality: "korean",
    favoriteFoods: ["김치","된장찌개","계란후라이","스팸구이"],
    family: [
        {
            father: "김득주",age: 63
        },
        {
            mom:"정혜인",age: 62
        },
        {
            sister:"김다은", age:26
        }
    ],
    character: undefined
}
console.log(objectSample)

/*
실행 결과
===============================
{
  name: '김초롱',
  age: 30,
  nationality: 'korean',
  favoriteFoods: [ '김치', '된장찌개', '계란후라이', '스팸구이' ],
  family: [
    { father: '김득주', age: 63 },
    { mom: '정혜인', age: 62 },
    { sister: '김다은', age: 26 }
  ],
  character: undefined
}
===============================
*/

 

오브젝트 내의 데이터는 아래와 같이 확인할 수 있습니다.

const objectSample = {
    name: "김초롱",
    age: 30,
    nationality: "korean",
    favoriteFoods: ["김치","된장찌개","계란후라이","스팸구이"],
    family: [
        {
            father: "김득주",age: 63
        },
        {
            mom:"정혜인",age: 62
        },
        {
            sister:"김다은", age:26
        }
    ],
    character: undefined
}
console.log(objectSample.family[1].age)

/*
실행 결과
===============================
62
===============================
*/