바닐라 JS로 크롬 앱 만들기 [1-4] Objects

---

• 복잡한 객체를 저장할 때 사용
• 설명이 필요한 정보가 있을 경우 사용

'Object'를 사용하는 이유

const player.Name = "marmot";
const player.Points = 121212;
const player.Handsome = true;
const player.Fat = "little bit";

• 한 개의 개체에 대한 설명이지만 player와 뒤에 오는 설명을 분리할 필요가 있다.

규칙

• 중괄호 사용
• ':' 사용

예제

기본

const player = {
    name: "marmot",
    points: 10,
    fat: true,
};
console.log(player);
console.log(player.name); // (player["name"]); 도 결과 같음

결과
{name: "marmot", points: 10, fat:true}
marmot

내용 수정

const player = {
    name: "marmot",
    points: 10,
    fat: true,
};
console.log(player);
player.fat = false;
console.log(player);

결과
{name: "marmot", points: 10, fat:true}
{name: "marmot", points: 10, fat:false}

• const 를 사용했지만 내부에 있는 내용은 수정 가능

새로운 Object 추가

const player = {
    name: "marmot",
    points: 10,
    fat: true,
};
console.log(player);
player.lastName = "choi";
console.log(player);

결과
{name: "marmot", points: 10, fat:true}
{name: "marmot", points: 10, fat:false, lastName: "choi"}