TIL | 객체 수정, 속성 추가, 속성 삭제하는 방법

1. 객체 수정하는 방법

객체가 소유하고 있는 프로퍼티에 새로운 값을 할당하면 프로퍼티 값은 갱신된다.

1-1. dot notation 방법

객체이름.key이름 = 새로운 값

예제1) myDog 객체의 "name" property를 "Coder"에서 "Happy Coder"로 바꾸기

function updateObject() {
  let myDog = {
    "name": "Coder",
    "legs": 4,
    "tails": 1,
    "friends": ["freeCodeCamp Campers"]
  };

  myDog.name = "Happy Coder"
  
  return myDog.name;
}
console.log(updateObject())
//console
Happy Coder

1-2. bracket notation 방법

객체이름['key이름'] = 새로운 값

예제1) myDog 객체의 "name" property를 "Coder"에서 "Happy Coder"로 바꾸기

function updateObject() {
  let myDog = {
    "name": "Coder",
    "legs": 4,
    "tails": 1,
    "friends": ["freeCodeCamp Campers"]
  };

  myDog['name'] = "Happy Coder"
  
  return myDog['name'];
}
console.log(updateObject())
//console
Happy Coder

---

2. 객체 속성 추가하는 방법

객체가 소유하고 있지 않은 프로퍼티 키에 값을 할당하면 주어진 키와 값으로 프로퍼티를 생성하여 객체에 추가한다.

2-1. dot notation 방법

객체 이름.새로운key = 값

2-2. bracket notation 방법

객체 이름['새로운key'] = 값

예제) myDog 객체에 "bark" 프로퍼티를 추가하고 "woof"라는 값 할당하기

function addProperty() {
  
  let myDog = {
    "name": "Happy Coder",
    "legs": 4,
    "tails": 1,
    "friends": ["Wecode Bootcamp"]
  };
  
 
  myDog.bark = "woof";
 
  return myDog;
}
console.log(addProperty())
//console
{
  name: 'Happy Coder',
  legs: 4,
  tails: 1,
  friends: [ 'Wecode Bootcamp' ],
  bark: 'woof'
}

---

3. 객체 속성 삭제하는 방법

delete 연산자를 사용하면 객체의 프로퍼티를 삭제할 수 있다. 이때 연산의 대상은 프로퍼티 키이어야 한다.

delet 객체이름.key이름

예제) myDog 객체에서 "tails" 속성 삭제하기

function deleteProperty() {
  
  let myDog = {
    "name": "Happy Coder",
    "legs": 4,
    "tails": 1,
    "friends": ["Wecode Bootcamp"],
    "bark": "woof"
  };
  
  delete myDog.tails;
 
  return myDog;
}
console.log(deleteProperty())
//console
{
  name: 'Happy Coder',
  legs: 4,
  friends: [ 'Wecode Bootcamp' ],
  bark: 'woof'
}