JSON(JavaScript Object Notation)은 자바스크립트에서 데이터를 저장하고 전송하기 위한 일반적인 형식입니다. JSON 데이터는 배열로 표현될 수 있으며, 이러한 배열을 순회하여 데이터를 처리해야 하는 경우가 종종 있습니다.

이 블로그 포스트에서는 자바스크립트에서 JSON 배열을 순회하는 몇 가지 방법을 소개하겠습니다.

1. for 문 사용하기

const jsonArray = [
  { name: "John", age: 25 },
  { name: "Alice", age: 30 },
  { name: "Bob", age: 40 },
];

for (let i = 0; i < jsonArray.length; i++) {
  console.log(jsonArray[i].name);
  console.log(jsonArray[i].age);
}

위 예시에서는 for 문을 사용하여 JSON 배열을 순회하고, 각 요소의 name과 age 속성을 출력합니다.

2. forEach 메소드 사용하기

const jsonArray = [
  { name: "John", age: 25 },
  { name: "Alice", age: 30 },
  { name: "Bob", age: 40 },
];

jsonArray.forEach((item) => {
  console.log(item.name);
  console.log(item.age);
});

위 예시에서는 forEach 메소드를 사용하여 JSON 배열을 순회하고, 각 요소의 name과 age 속성을 출력합니다.

3. for…of 문 사용하기

const jsonArray = [
  { name: "John", age: 25 },
  { name: "Alice", age: 30 },
  { name: "Bob", age: 40 },
];

for (const item of jsonArray) {
  console.log(item.name);
  console.log(item.age);
}

위 예시에서는 for...of 문을 사용하여 JSON 배열을 순회하고, 각 요소의 name과 age 속성을 출력합니다.

결론

자바스크립트에서 JSON 배열을 순회하는 방법은 for 문, forEach 메소드, for...of 문을 사용하는 세 가지 방법을 소개했습니다. 이중에서 자신에게 가장 편리하고 익숙한 방법을 선택하여 사용하면 됩니다. JSON 배열을 순회하여 데이터를 처리하는 일은 웹 개발에서 자주 발생하는 작업이므로, 이러한 방법을 잘 숙지하면 유용하게 활용할 수 있습니다.