[javascript] 객체 속성의 접근 방법

15 Dec 2023

JavaScript에서 객체의 속성에 접근하는 방법에 대해 알아보겠습니다.

1. 점 표기법

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

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

위의 예제에서 점 표기법을 사용하여 person 객체의 name과 age 속성에 접근하고 있습니다.

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

console.log(person['name']); // 'John'
console.log(person['age']); // 30

대괄호 표기법을 사용하여 객체의 속성에 접근할 때는 속성 이름을 따옴표로 감싸줍니다.

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

console.log(person[propName]); // 'John'

변수를 사용하여 객체 속성에 접근할 수도 있습니다.

점 표기법, 대괄호 표기법, 그리고 변수를 사용한 접근 방법을 통해 JavaScript 객체의 속성에 쉽게 접근할 수 있습니다.