웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
자바스크립트의 객체의 프로퍼티 이름을 변경하는 방법을 알아봅니다.
! 객체 내부의 프로퍼티 이름 변경하기, change property name
가장 간단한 방법은 새롭게 만들고 기존 값을 삭제하는 방법입니다. 순서는 아래와 같습니다.- 1. 변경 할 프로퍼티가 객체에 존재하는지 확인하기
- 2. 존재하는 경우 변경할 프로퍼티를 새로 생성 후 변경 전 프로퍼티 값을 선언
- 3. 기존의 프로퍼티를 delete()를 사용하여 삭제
만약 아래와 같이 객체 obj 내부에 프로퍼티(property) siteNames를 siteUrl로 변경하려면?
obj = {
siteNames: 'webisfree.com'
}
siteNames: 'webisfree.com'
}
아래와 같이 수행합니다.
if (obj.hasOwnProperty('siteNames')) {
obj.siteUrl= obj.siteNames;
delete obj.siteNames;
}
obj.siteUrl= obj.siteNames;
delete obj.siteNames;
}
확인해보면 삭제된 것을 알 수 있습니다.
console.log(obj);
// 출력결과
{
siteUrl: 'webisfree'
}
// 출력결과
{
siteUrl: 'webisfree'
}
예상된 것 처럼 기존의 프로퍼티 이름 siteNames에서 siteUrl로 변경된 것을 확인할 수 있었습니다.
여기까지 간단하게 객체 내부의 프로퍼티 이름 변경 방법에 대하여 알아보았습니다.
아래의 글도 찾고 계시지 않나요?
