[javascript] 객체의 값에 접근하는 방법

08 Dec 2023

javascript

자바스크립트에서 객체(object)에 저장된 값에 접근하는 방법에 대해 알아보겠습니다.

1. 점 표기법 (Dot notation)

가장 일반적인 방법으로, 점 표기법을 사용하여 객체의 프로퍼티에 접근할 수 있습니다.

const person = {
  name: 'John',
  age: 30
};

console.log(person.name); // 'John' 출력
console.log(person.age); // 30 출력

2. 대괄호 표기법 (Bracket notation)

대괄호 표기법을 사용하면 변수에 저장된 키를 사용하여 객체의 프로퍼티에 접근할 수 있습니다.

const propertyName = 'name';
console.log(person[propertyName]); // 'John' 출력

const anotherPropertyName = 'age';
console.log(person[anotherPropertyName]); // 30 출력

3. 변수에 저장된 키를 이용한 접근

접근하고자 하는 프로퍼티의 키가 변수에 저장되어 있는 경우, 해당 변수를 활용하여 객체의 값에 접근할 수 있습니다.

const key = 'age';
console.log(person[key]); // 30 출력

위에서 언급된 방법들을 사용하여 객체의 값을 효과적으로 접근할 수 있습니다.

참조: MDN web docs