[Javascript]배열 & 객체 순회

jojaljaejal·2025년 1월 16일

배열을 순회하는 방법 중 기본 for문 외에도 더욱 쉽고 유용한 방법들이 존재한다.

배열순회

1.1 for...of 반복문 (from.ES6)

for (let item of arr) {
  //arr 배열을 item으로 반환
  console.log(item);
}

객체순회

2.1 `Object.keys()`

let person = {
  name: "이정환",
  age: 27,
  hobby: "테니스",
};

let keys = Object.keys(person);
//person의 key를 추출하여 배열로 반환


for (let key of keys) {
  const value = person[key];
//반환된 key를 이용하여 person객체의 값에 접근
 
  console.log(key, value);
}

2.2 Object.values()

let values = Object.values(person);
//person 객체의 value를 추출하여 배열로 반환

for (let value of values) {
  console.log(value);
}

2.3 for...in 반복문

객체의 모든 열거 가능한 속성 키를 순회, 이를 통해 키와 값 모두에 접근할 수 있다.

for (let key in person) {
  const value = person[key];
  console.log(key, value);
}

for...in 과 Object.keys() 는 둘 다 속성을 기준으로 순회하지만 Object.keys()는 배열을 반환하고 반환된 배열을 통해 다시 객체의 값에 접근하는 반복문이 한 번 더 사용되지만 for...in의 경우 한 번에 키와 값을 모두 순회 가능하다.

정리