[JavaScript] JSON 객체 반복 처리(Object.keys, Object.entries, for ... in)

이번 글에서는 JavaScript JSON 객체의 반복 처리 방법을 알아보겠습니다.

JavaScript에서 JSON 객체를 반복 처리할 때 자주 사용되는 반복문으로는 for...in, Object.keys, Object.entries가 있습니다.

아래에서 각 방법의 특징과 예제를 살펴보고 비교해 보겠습니다.

반응형

 

1. JSON 객체 반복 처리 방식

다음은 JSON 객체를 반복 처리하는 대표적인 방법들입니다:

반복문	특징	주요 용도
for...in	객체의 모든 속성 키를 순회	키와 값을 모두 다룰 때
Object.keys	키 배열 반환 후 반복	키를 배열로 변환하여 처리할 때
Object.entries	키-값 쌍 배열 반환	키와 값을 동시에 처리할 때

 

2. JSON 반복 처리 예제

1) for...in 문

const json = { name: "Alice", age: 25, city: "Seoul" };
for (let key in json) {
    console.log(key, json[key]);
}

실행 결과:

name Alice
age 25
city Seoul

2) Object.keys

Object.keys()는 객체의 키들만 배열로 반환합니다. 객체의 속성 이름만 필요할 때 유용하게 사용할 수 있습니다.

const json = { name: "Alice", age: 25, city: "Seoul" };
Object.keys(json).forEach(key => console.log(key, json[key]));

실행 결과:

name Alice
age 25
city Seoul

3) Object.entries

Object.entries()는 객체의 키와 값을 모두 배열로 반환합니다. 각 항목은 [key, value] 형태로 배열로 반환되어 키와 값을 동시에 처리할 수 있습니다.

const json = { name: "Alice", age: 25, city: "Seoul" };
Object.entries(json).forEach(([key, value]) => console.log(key, value));

실행 결과:

name Alice
age 25
city Seoul

이와 같은 방식으로 JSON 객체를 반복 처리할 수 있습니다.

 

반응형

 

3. 마무리

JSON 객체를 반복 처리하는 다양한 방법을 살펴보았습니다. 각 방식은 JSON 데이터 구조에 따라 적절히 선택할 수 있습니다.

JavaScript로 JSON 데이터를 다룰 때, 이 방법들을 연습해 보세요!