[javascript] 객체의 속성을 동적으로 추가하기
JavaScript에서는 객체의 속성을 동적으로 추가할 수 있습니다. 이는 유연한 프로그래밍을 가능하게 하며, 실행 중에 객체의 구조를 변경할 수 있는 장점을 가지고 있습니다.
객체의 속성 추가하기
객체의 속성을 추가하기 위해서는 . 혹은 []를 사용할 수 있습니다.
// 객체 생성
const person = {
name: "John",
age: 30
};
// `.`을 사용한 속성 추가
person.gender = "Male";
// `[]`를 사용한 속성 추가
person["email"] = "john@example.com";
console.log(person);
위의 예시에서 .을 사용하여 gender 속성을 추가하고, []를 사용하여 email 속성을 추가하였습니다. 이렇게 하면 객체에 새로운 속성이 추가되며, 값을 할당할 수 있습니다.
동적 속성 이름 사용하기
JavaScript에서는 속성 이름을 동적으로 결정할 수도 있습니다. 이를 위해서는 []를 사용하여 변수나 표현식을 속성 이름으로 사용하면 됩니다.
const dynamicPropertyName = "address";
const person = {
name: "John"
};
person[dynamicPropertyName] = "123 Main St";
console.log(person);
위의 예시에서 dynamicPropertyName 변수를 사용하여 address 속성을 동적으로 추가하였습니다. 이렇게 하면 변수에 저장된 값이 속성 이름으로 사용되며, 객체에 해당 속성이 추가됩니다.