[javascript] 객체의 속성 접근 방법
JavaScript에서 객체는 여러 개의 속성을 가지고 있을 수 있으며, 각 속성에는 특정한 값을 할당할 수 있습니다. 이러한 객체의 속성에 접근하는 방법에는 여러 가지가 있습니다.
1. 점 표기법 (Dot Notation)
가장 일반적인 객체 속성 접근 방법은 점 표기법입니다. 객체 이름 다음에 점을 붙이고 속성의 이름을 명시하여 접근할 수 있습니다.
예시:
const person = {
name: 'John',
age: 25
};
console.log(person.name); // 'John'
console.log(person.age); // 25
2. 대괄호 표기법 (Bracket Notation)
대괄호 표기법은 객체의 속성 이름을 문자열 형태로 지정하고, 대괄호 내에 넣어 속성에 접근하는 방식입니다.
예시:
const person = {
name: 'John',
age: 25
};
console.log(person['name']); // 'John'
console.log(person['age']); // 25
대괄호 표기법의 장점은 속성 이름에 변수를 사용할 수 있다는 것입니다.
예시:
const propertyName = 'name';
console.log(person[propertyName]); // 'John'
3. Computed Property Name
ES6의 새로운 기능으로, 대괄호 표기법을 사용하여 객체의 속성 이름을 동적으로 지정할 수 있습니다.
예시:
const propertyName = 'name';
const person = {
[propertyName]: 'John',
age: 25
};
console.log(person.name); // 'John'
결론
JavaScript에서는 점 표기법과 대괄호 표기법을 통해 객체의 속성에 접근할 수 있습니다. 대괄호 표기법은 속성 이름을 동적으로 지정할 수 있는 장점이 있으며, Computed Property Name의 사용도 가능합니다. 적절한 상황에서 적합한 표기법을 선택하여 객체의 속성에 접근해보세요.