자바스크립트의 객체

객체란?

숫자형이나 문자형과 같은 원시 자료형과 달리 다양한 값을 담는 자료형입니다.

---

객체 생성

자바스크립트에서 객체 생성은 2가지 방법이 있습니다.

let objA = {}; ① // '객체 리터럴' 문법
let objB = new Object(); // '객체 생성자' 문법

1) dbjA에 리터럴(고정된 값) 문법을 사용한다. { } 를 사용하여 객체를 선언한다.

let person = {
  name: "이정환", ①
  age: 25 ②
}

key(name, age)와 value(이정환, 25) 값으로 이루어진 property(캡슐화 된 객체)를 작성하면 된다.

let person = {
  name: "이정환",
  age: 25,
  age: 30 // 알아두세요 key가 중복되면 가장 마지막 프로퍼티만 남게 됩니다.
};

property에서 key는 반드시 문자형만 사용합니다. 그리고 key는 중복해도 오류가 발생하지 않지만, 마지막에 작성한 key값만 남습니다.

2) 두번째 let objB = new Object(); // '객체 생성자' 문법은 객체를 할당하고, 밑에서 재정의 하는 방법입니다.

---

객체 property 다루기

1) 접근 방법

접근 방법에는 2가지가 있습니다.

let person = {
  name: "이정환",
  age: 25,
  "like cat": true
};

const personName = person.name; // ① 점 표기법 
const personAge = person["age"]; // ② 괄호 표기법 

console.log(personName); // "이정환"
console.log(personAge); // 25

1)) 객체 뒤에 .을 찍고 접근하는 것입니다. 이를 '점 표기법'이라고 합니다. person.name => person객체에 들어가서 선택.

2)) 객체 뒤에 대괄호[ ]를 열고 그 안에 원하는 key값을 문자열로 명시하여 불러온다. 이를 '괄호 표기법'이라고 합니다.