[javascript] 프로퍼티를 동적으로 추가하는 다양한 방법
JavaScript에서 객체에 동적으로 프로퍼티를 추가하는 방법에는 여러 가지가 있습니다. 동적으로 프로퍼티를 추가하는 것은 객체에 새로운 값을 할당하고 사용자가 필요에 따라 객체의 구조를 유연하게 변경할 수 있는 중요한 기능입니다.
이 글에서는 JavaScript에서 프로퍼티를 동적으로 추가하는 여러 가지 방법에 대해 알아보겠습니다.
1. 점 표기법 또는 괄호 표기법 사용
// 점 표기법 사용
const obj = {};
obj.name = 'John';
// 괄호 표기법 사용
const obj = {};
obj['name'] = 'John';
2. Object.assign() 메서드 사용
Object.assign() 메서드를 사용하여 기존 객체에 새로운 프로퍼티를 추가할 수 있습니다.
const obj1 = { name: 'John' };
const obj2 = { age: 30 };
const obj3 = Object.assign(obj1, obj2); // obj1에 obj2 병합
3. ES6의 계산된 속성명 사용
ES6에서는 계산된 속성명을 사용하여 동적으로 프로퍼티를 추가할 수 있습니다.
const propName = 'name';
const obj = { [propName]: 'John' };
4. 프로토타입 체인 활용
Object.create() 메서드를 사용하여 프로토타입 체인을 이용하여 동적으로 프로퍼티를 추가합니다.
const parentObj = { name: 'John' };
const childObj = Object.create(parentObj);
childObj.age = 30;
결론
JavaScript에서 객체에 프로퍼티를 동적으로 추가하는 여러 가지 방법을 살펴보았습니다. 이러한 방법을 활용하여 객체의 구조를 유연하게 변경하고 프로그래밍적으로 다양한 요구에 맞추어 프로퍼티를 추가할 수 있습니다.
참조:
도움이 되었으면 하는 것
이번 글이 도움이 되었으면 하는 것 같습니다. 필요한 것이 있으면 언제든지 물어봐 주세요.