자바스크립트의 객체의 프로퍼티 이름을 변경하는 방법을 알아봅니다.


! 객체 내부의 프로퍼티 이름 변경하기, change property name
가장 간단한 방법은 새롭게 만들고 기존 값을 삭제하는 방법입니다. 순서는 아래와 같습니다.

  • 1. 변경 할 프로퍼티가 객체에 존재하는지 확인하기
  • 2. 존재하는 경우 변경할 프로퍼티를 새로 생성 후 변경 전 프로퍼티 값을 선언
  • 3. 기존의 프로퍼티를 delete()를 사용하여 삭제


만약 아래와 같이 객체 obj 내부에 프로퍼티(property) siteNames를 siteUrl로 변경하려면?
obj = {
  siteNames: 'webisfree.com'
}

아래와 같이 수행합니다.
if (obj.hasOwnProperty('siteNames')) {
  obj.siteUrl= obj.siteNames;
  delete obj.siteNames;
}

확인해보면 삭제된 것을 알 수 있습니다.
console.log(obj);

// 출력결과
{
  siteUrl: 'webisfree'
}

예상된 것 처럼 기존의 프로퍼티 이름 siteNames에서 siteUrl로 변경된 것을 확인할 수 있었습니다.

여기까지 간단하게 객체 내부의 프로퍼티 이름 변경 방법에 대하여 알아보았습니다.