[javascript] 객체에 동적으로 프로퍼티 추가하기

JavaScript에서 객체는 동적으로 프로퍼티를 추가할 수 있습니다. 이는 객체의 프로퍼티를 생성하거나 수정하는 강력한 기능입니다. 이 글에서는 JavaScript에서 객체에 동적으로 프로퍼티를 추가하는 방법에 대해 알아보겠습니다.

객체에 프로퍼티 추가하기

JavaScript 객체에 새로운 프로퍼티를 추가하려면 단순히 다음과 같이 점 표기법이나 대괄호 표기법을 사용하여 프로퍼티를 지정하고 값을 할당하면 됩니다.

// 점 표기법으로 프로퍼티 추가
let person = {};
person.name = 'Alice'
person.age = 25;

// 대괄호 표기법으로 프로퍼티 추가
person['job'] = 'Developer';

위의 코드는 빈 객체에 name, age, job 프로퍼티를 동적으로 추가하는 예시입니다.

객체 동적 프로퍼티 접근

객체에 추가된 동적 프로퍼티는 일반적인 프로퍼티와 마찬가지로 점 표기법이나 대괄호 표기법을 사용하여 접근할 수 있습니다.

console.log(person.name); // "Alice"
console.log(person['age']); // 25
console.log(person.job); // "Developer"

요약

JavaScript에서 객체에 동적으로 프로퍼티를 추가하는 것은 매우 유용합니다. 이를 통해 런타임 중에 객체의 동작을 유연하게 조절할 수 있습니다. 객체의 동적 프로퍼티 추가 및 접근은 JavaScript 프로그래밍에서 자주 사용되는 핵심적인 개념입니다.

이제 간단하게 객체에 동적으로 프로퍼티를 추가하고 접근하는 방법에 대해 알아보았습니다. JavaScript에서 동적으로 객체를 다룰 때 유용한 팁이 될 것입니다.

References