Javascript에서 객체를 반복하는 방법은 무엇입니까?

Javascript를 처음 배울 때였습니다. 객체가 관련되어 객체를 반복하는 시점에 항상 놀랐습니다. 또한 빈 객체를 사용하여 hashmap를 생성해야 하는 문제가 발생할 때마다 너무 혼란스러웠습니다.

이 기사에서는 Javascript에서 객체를 반복할 수 있는 방법과 반복할 수 없는 방법에 대한 명확한 그림을 제공합니다.
map() , forEach() 또는 for..of 루프와 같은 일반 메서드를 사용하여 Javascript 개체를 반복할 수 없습니다.

객체가 있다고 하자:

const object = {
    name: 'Rakshit',
    age: 23,
    gender: 'Male'
}

사용 map()

object.map(obj => {})

TypeError: object.map is not a function라는 오류가 표시됩니다.

사용 forEach()

object.forEach(obj => {})

TypeError: object.forEach is not a function라는 오류 메시지가 다시 나타납니다.

사용 for..of

for (const obj of objects) {}

이것은 당신에게 줄 것입니다 TypeError: object not iterable
그렇다면 Javascript에서 객체를 정확히 어떻게 반복할 수 있습니까?

다음은 그렇게 할 수 있는 몇 가지 방법입니다.

가장 간단한 방법 중 하나는 for..in 루프를 사용하는 것입니다.

for(const obj in object) {}

하지만 개인적으로 저는 Object.entries() 메서드를 사용하여 개체를 반복하는 것을 좋아합니다. 이 메서드는 인수로 전달된 개체의 열거 가능한 모든 속성의 배열을 생성합니다.

배열을 반환하기 때문에 배열을 반복하는 데 사용하는 모든 방법을 사용할 수 있습니다.

사용 map()

Object.entries(object).map(obj => console.log(obj))

사용 forEach()

Object.entries(object).forEach(obj => console.log(obj))

사용 for..of

for (const obj of Object.entries(object)) {
  console.log(obj)
}

그게 다야! 유레카! 이 기사를 통해 Javascript에서 객체를 반복하는 방법을 절대 잊지 못할 것이라고 확신합니다.

기사가 도움이 되었으면 합니다.

Github 및 (으)로 연락해 주세요.

날 따라와

좋은 하루 되세요 :)