자바스크립트에서 객체는 많은 데이터를 포함하고 있는 논리적인 그룹입니다. 객체 내의 데이터에 접근하고 변경하는 것은 매우 중요한 작업입니다. 이를 위해 자바스크립트에서는 객체를 반복하고 데이터에 접근하는 다양한 방법을 제공합니다.

이번 글에서는 자바스크립트에서 객체를 반복하는 방법을 알아보겠습니다.

1. for…in 반복문 사용하기

가장 기본적인 방법으로 객체를 반복하는 방법은 for…in 반복문을 사용하는 것입니다. 이 반복문은 객체의 프로퍼티를 반복하며, 반복할 때마다 해당 프로퍼티의 키를 반환합니다.

let obj = {
  name: 'John',
  age: 30,
  profession: 'Developer'
};

for(let key in obj) {
  console.log(key + ':', obj[key]);
}

위의 코드는 객체 obj의 각 프로퍼티를 반복하며, 키와 값 모두를 출력하는 예시입니다. for…in 반복문을 사용하여 객체의 프로퍼티를 반복하면 객체의 모든 프로퍼티에 접근할 수 있습니다.

2. Object.keys() 메서드 사용하기

Object.keys() 메서드를 사용하면 객체의 모든 키를 배열 형태로 반환할 수 있습니다. 이 배열을 반복하여 객체의 프로퍼티에 접근할 수 있습니다.

let obj = {
  name: 'John',
  age: 30,
  profession: 'Developer'
};

let keys = Object.keys(obj);

for(let i = 0; i < keys.length; i++) {
  let key = keys[i];
  console.log(key + ':', obj[key]);
}

위의 코드는 Object.keys() 메서드를 사용하여 객체 obj의 키를 배열로 받아와서, 이 배열을 반복하며 프로퍼티에 접근하는 예시입니다.

3. Object.values() 메서드 사용하기

Object.values() 메서드를 사용하면 객체의 모든 값들을 배열 형태로 반환할 수 있습니다. 이 배열을 반복하여 객체의 값에 접근할 수 있습니다.

let obj = {
  name: 'John',
  age: 30,
  profession: 'Developer'
};

let values = Object.values(obj);

for(let i = 0; i < values.length; i++) {
  console.log('Value:', values[i]);
}

위의 코드는 Object.values() 메서드를 사용하여 객체 obj의 값을 배열로 받아와서, 이 배열을 반복하며 값에 접근하는 예시입니다.

4. Object.entries() 메서드 사용하기

Object.entries() 메서드는 객체의 프로퍼티를 [key, value] 형태의 배열로 반환합니다. 이 배열을 반복하여 객체의 프로퍼티에 접근할 수 있습니다.

let obj = {
  name: 'John',
  age: 30,
  profession: 'Developer'
};

let entries = Object.entries(obj);

for(let i = 0; i < entries.length; i++) {
  let [key, value] = entries[i];
  console.log(key + ':', value);
}

위의 코드는 Object.entries() 메서드를 사용하여 객체 obj의 프로퍼티를 [key, value] 형태의 배열로 받아와서, 이 배열을 반복하며 프로퍼티에 접근하는 예시입니다.

마무리

자바스크립트에서 객체를 반복하고 데이터에 접근하는 방법에 대해 알아보았습니다. for…in 반복문, Object.keys(), Object.values(), Object.entries() 메서드의 사용법을 익혀서 객체의 프로퍼티를 쉽게 반복하고, 필요한 데이터에 접근할 수 있게 되었습니다. 이를 통해 객체를 다루는 작업을 효율적으로 할 수 있습니다.