TIL archiving ···.ᐟ/JavaScript + TypeScript

Object.entries()

dayoung-archive 2024. 8. 17. 22:32

 

 

Object.entries()

:  객체를 배열로 변환 해주는 메서드. 

객체의 { key: value } 형태를 배열의 [key, value] 한 쌍의 형태로 바꿔준다.

  • 이미지에서 확인할 수 있듯이, index 0의 값은 각 배열의 key,  index 1의 값은 해당 key의 value를 가진다.
    = 배열이 가진 순서성이 생긴다.
  • 배열에서 사용할 수 있는 메소드( forEach, for of, map, filter …)를 사용할 수 있다.
  • [key, value] 로 이뤄진 한 쌍의 배열을 반환하기 때문에,
    key값만 반환하고 싶다면 Object.keys() , value만 반환하고 싶다면 Object.values()를 사용해준다.

 

 

 

 

 

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

 

Object.entries() - JavaScript | MDN

Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환합니다. (for-in 루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점입니다).

developer.mozilla.org