[JavaScript] 자바스크립트 객체 Value값 변경 & 삭제, 함수 호출

생성된 객체 내의 값을 점표기법 및 괄호 표기법을 통해 변경하거나 삭제할 수 있음.
 
[생성된 객체]

const car = {
  name: "붕붕",
  model: "sonata",
  color: "balck",
  print: function () {
    console.log(car.name, car.model);
  },
};

 
[변경 및 삭제 코드]

//객체의 경우 const로 선언하더라도 값 변경 가능함
car.model = "K5"   //점표기법
car["model"] = "K5";   //괄호표기법

//객체 삭제
delete car.name;   //점표기법
delete car["name"];   //괄호표기법

 
이렇게 점 표기법과 괄호 표기법을 사용하면 객체 내에 저장된 값을 변경할 수 있음.

---

추가로, 객체 내에 생성된 함수를 호출하는 경우에도 동일하게 호출할 수 있음.

[객체 내 생성된 함수 호출 코드]

car.print();   //점표기법
car["print"]();   //괄호표기법

---

[번외]
객체 내 함수에서 자신이 속한 객체 내의 value값을 활용하고 싶을 땐 ${this.you want key}를 사용하면 된다.

//본인이 속해있는 객체를 재활용할 때
const car = {
  name: "붕붕",
  model: "sonata",
  color: "balck",
  print: function () {
    console.log(`제 자동차 이름은 ${this.name} 입니다.`); //해당 부분
  },
};

 
[출력 결과]