[javascript] 자바스크립트에서 JSON 속성 접근하기

15 Dec 2023

// 예시 JSON 데이터
let person = {
  "name": "John",
  "age": 30,
  "city": "New York"
};

JSON 객체의 속성에 접근하려면 마침표(.) 표기법이나 대괄호([]) 표기법을 사용할 수 있습니다.

1. 마침표(.) 표기법을 사용한 속성 접근

console.log(person.name); // "John"
console.log(person.age); // 30
console.log(person.city); // "New York"

2. 대괄호([]) 표기법을 사용한 속성 접근

console.log(person['name']); // "John"
console.log(person['age']); // 30
console.log(person['city']); // "New York"

두 가지 방법은 같은 결과를 반환하지만, 대괄호 표기법은 변수를 사용하여 동적으로 속성에 접근하는 데 유용합니다.

마찬가지로, JSON 배열에 특정 인덱스에 접근하려면 대괄호 표기법을 사용할 수 있습니다.

JSON을 다룰 때 이러한 속성 접근 방법을 사용하여 데이터를 효과적으로 다룰 수 있습니다.

더 자세한 정보는 MDN 웹 문서 “자바스크립트에서 JSON 다루기”를 참고하시기 바랍니다.