객체(Object)의 안에 들어있는 프로퍼티(Property)를 추가, 수정, 삭제하는 방법을 점 표기법과 괄호 표기법에 따라 정리해보겠다.

추가와 수정하기

점 표기법(Dot Notation)

let user = {
  name : 'Seoyeon',
  age : 20,
  sex : 'female',
};

//프로퍼티 추가
user.hobby = 'coding';
console.log(user.hobby);  //coding

//프로퍼티 값 변경
user.age = 30;
console.log(user.age);  //30

console.log(user);  

//{name: 'Seoyeon', age: 30, sex: 'female', hobby: 'coding'}

괄호 표기법(Bracket Notation)

let user = {
  name : 'Seoyeon',
  age : 20,
  sex : 'female',
};

//프로퍼티 추가
user['hobby'] = 'coding';
console.log(user['hobby']);  //coding

//프로퍼티 값 변경
user['age'] = 30;
console.log(user['age']);  //30

console.log(user);  

//{name: 'Seoyeon', age: 30, sex: 'female', hobby: 'coding'}

삭제하기

객체의 속성을 제거하는 delete 연산자를 이용한다

만들어진 fruit 객체의 속성을 제거해보자

let fruit = {
  apple : 'red',
  melon : 'green',
  grape : 'purple',
  lemon : 'yellow',
};

점 표기법(Dot Notation) 삭제

delete fruit.grape;
console.log(fruit);  //{apple: 'red', melon: 'green', lemon: 'yellow'}

괄호 표기법(Bracket Notation) 삭제

delete fruit['grape'];
console.log(fruit);  //{apple: 'red', melon: 'green', lemon: 'yellow'}