<JS> 자바스크립트 데이터타입

자바스크립트에서 사용하는 데이터 타입은
여섯개의 Primitive Type(기본형)과 한개의 Object Type(객체형)으로 나뉜다.

---

1.  Primitive Type

number	정수 혹은 실수	100, 28.5
string	문자 혹은 문자열	'선영', "박선영"
boolean	참 혹은 거짓	true, false
undefined	데이터 값이 정해지지 않음	undefined
null	객체 값이 없음	null
symbol	심볼

// 1. number(숫자)
const age = 20;
const year = 2024;
console.log(age); //20
console.log(year); //2024
console.log(typeof age); //number

// 2. String(문자열)
const name = "선영";
const blog = `속닥속닥코딩 선영의 블로그 ${year}`;
console.log(name); //선영
console.log(blog); //속닥속닥코딩 선영의 블로그 2024
console.log(typeof name); //string

// 3. Boolean(불리언)
const BTrue = true;
const BFalse = false;
console.log(BTrue); //true
console.log(BFalse); //false
console.log(typeof BTrue); //boolean
console.log(typeof BFalse); //boolean

// 4. undefined
// 사용자가 직접 값을 초기화하지 않았을 때 설정되는 값
let noData;
console.log(noData); //undefined
console.log(typeof noData); //undefined

// 5. null
// 사용자가 직접 값을 초기화 시 사용
// undefined와 동일하게 값이 없음을 의미
let noValue = null;
console.log(noValue); //null
console.log(typeof noValue); //object

// 6. Symbol
// 변경 불가능한 값의 설정
// 1~5의 primitive type과 다르게 Symbol함수호출로 사용
const sym1 = Symbol('symbol');
const sym2 = Symbol('symbol');
console.log(sym1 === sym2); //false //각 고유의 심볼임에 따라 같은 값이 아님

const basic1 = 'basic';
const basic2 = 'basic';
console.log(basic1 === basic2); //true

---

2. Object Type : Function, Array, Object

//ObjectType :: function, array, object
// map = key:value
const student = {
  id : 1,
  name : '선영',
  age : 29,
};
console.log(student); // {id: 1, name: "선영", age: 29}
console.log(student.id); // 1
console.log(student.name); // 선영
console.log(student['age']); // 29
console.log(typeof student); // object

// 1) Array : 배열 
// 1-2) Index : 배열의 순서(0부터시작)
const color = [
  'red',
  'orange',
  'yellow',
  'green',
  'blue',
  'purple'
]
console.log(color); // ["red", "orange", "yellow", "green", "blue", "purple"]
console.log(color[0]); // red
console.log(color[2]); // yellow
console.log(typeof color); // object

// 1-3) 배열에 있는 값 변경 시
color[0]='pink';
console.log(color); // ["pink", "orange", "yellow", "green", "blue", "purple"]