[JS] Object.keys,values,entries

모던자스 정리

keys(), values(), entries() 메소드를 쓸 수 있는 자료 구조는

• Map
• Set
• Array
  이다.

일반 객체를 순회하는 메서드는 다음과 같다.

• Object.keys(obj) : 객체의 키만 담은 배열을 반환합니다.
• Object.values(obj) : 객체의 값만 담은 배열을 반환합니다.
• Object.entries(obj) : [키, 값] 쌍을 담은 배열을 반환합니다.
  Map, Set, Array와 다른 이유는 메서드 내에 인수가 들어가냐 들어가지 않느냐의 차이를 가진다.

또다른 차이점은 반환값인데,
iterable 객체를 반환하는 Map, Set, Array와 달리 Object.~는 진짜 배열을 반환한다.

객체 변환하기

객체엔 map(), filter() 등의 배열 메소드를 사용할 수 없다.
하지만 Object.entries와 Object.fromEntries를 순차적으로 사용하면 배열메소드도 사용 가능하다.
프로세스는 다음과 같다.
1. Object.entries(obj)로 객체의 (키, 값)쌍을 배열로 반환받는다.
2. 해당 배열에 배열 전용 메서드를 적용한다.
3. 원하는 방식으로 완성된 배열을 Object.fromEntries(array)를 통해 다시 객체로 변환시킨다.