객체

• 중괄호{...}를 이용해 만들 수 있습니다.
• 중괄호 안에는 키(key): 값(value) 쌍으로 구성된 프로퍼티(property)를 여러개 넣을 수 있습니다.
• 키(key) 엔 문자형, 값(value)엔 모든 자료형이 허용됩니다.

Syntax

let user = new Object(); // '객체 생성자' 문법
let user = {};  // '객체 리터럴' 문법 <- 이 방법 주로 사용

리터럴과 프로퍼티

• 중괄호 {...} 안에는 ‘키: 값’ 쌍으로 구성된 프로퍼티가 들어갑니다.

let user = {     // Object
  name: 'John',  // key: 'name',  value: 'John'
  age: 30,       // key: "age", value: 30
};

프로퍼티 키는 프로퍼티 이름 혹은 식별자라고도 부릅니다.

user에는 2개의 프로퍼티가 있습니다.
1. 첫 번째 프로퍼티 – 'name'(이름)과 John(값)
2. 두 번째 프로퍼티 – 'age'(이름)과 30(값)

서랍장(객체 user) 안에 파일 두 개(프로퍼티 두 개)가 담겨있는데, 각 파일에 'name, 'age'라는 이름표가 붙어있다고 생각하시면 쉽습니다.

프로퍼티 읽기

console.log(user.name); // John
console.log(user.age);  // 30

프로퍼티 추가

user.height = '180'; 

console.log(user); // {name: 'John', age: 30, height: '180'}

프로퍼티 삭제

delete user.age;

프로퍼티 이름 단어 조합

여러 단어를 조합해 프로퍼티 이름을 만든 경우엔 프로퍼티 이름을 따옴표로 묶어줘야 합니다.

let user = {
  name: "John",
  age: 30,
  "likes birds": true,  // 복수의 단어는 따옴표로 묶어야 합니다.
};

대괄호 표기법 사용

let user = {};

// set
user["likes birds"] = true;

// get
console.log(user["likes birds"]); // true

// delete
delete user["likes birds"];

객체 수정

const로 선언된 객체는 수정될 수 있습니다.

const user = {
  name: "John"
};

// 에러는 constant 전체를 하나의 값으로서 업데이트 하려고 할 때 발생 ex) user = 'Kate';
// const 안의 object를 바꾸는것이므로 문제 없음
user.name = "Pete";

alert(user.name); // Pete

https://ko.javascript.info/object