[JavaScript] Obejct.entries 를 이용해 객체 가공하기

 

먼저 JSON 파일에서 데이터를 가져와서 필요한 형태로 가공해야 하는데...

배열 안의 객체 형태였고, 당시 이런 형태를 별로 다뤄본 적이 없었다.

내가 필요한 형태는 beach-num과 name을 매치시켜서 배열에 name만 쭉 가져오고 싶었다.

내부는 객체다

그리고 한참 동안 배열 메서드로만 삽질을 하는데 ( . . .)

그러다 mdn 문서를 보고 깨달았다. 아.. 구조 분해 할당을 사용해야 하는구나.. 🥹

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

Object.entries에 대한 페이지를 쭉 보다 보면, entires 메서드를 구조 분해 할당을 이용해서 key, value 값으로 가져올 수 있다는 걸 알 수 있다.

 

좋아 그럼 나도 이제 써보자..🥹

파일에 저장된 데이터를 다시 json화 해서 값만 가져온 뒤,

entires 메서드를 이용해서 beachNames 배열에 이름을 담았다.

 

 

그럼 이제 아주 많은 데이터가 잘 담겨 있는 걸 확인할 수 있다.

 

삽질 끝!