Enjoy Programming

[ES] Object entries, Object values, Object fromEntries 본문

JavaScript/Vanilla Js

[ES] Object entries, Object values, Object fromEntries

LEETAEEON 2021. 7. 7. 13:11

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

Object.entries()메서드는 for...in과 같은 순서로 주어진 객체 자체의 enumerable속성 [key, value] 쌍의 배열을 반환한다.

배열로 반환 ~! for-in루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점이다.

 

사용해보자

key와 value를 배열로 묶어서 보여준다.

음 어디에 쓰면 좋을까... 음 데이터를 오브젝트로 받아서~ 배열로 반환해준다음에~ 원하는 값을 뽑아쓸때? 음.. 기억해두긴하자.

 

그리고 Object.values는 뭐 쉽다 그냥 Object의 value만 뽑아준다.

 

마지막으로 Object.fromEntries를 보면~

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

 

Object.fromEntries() - JavaScript | MDN

Object.fromEntries() 메서드는 키값 쌍의 목록을 객체로 바꿉니다.

developer.mozilla.org

해당 메서드는 키값 쌍의 목록을 객체로 바꾼다~ 뭔말이야.

 

각각의 배열에 대해 키와 벨류로 지정하고 오브젝트를 만들어 줬다.. 왜?....

의문점 혹시 배열의 벨류가 세개라면?

 

해봤는데 세번째 값은 무시된다.. 네개라면? 역시 세번째 네번째는 무시된다.

 

음 니코왈 오래된 웹사이트의 데이터를 수정할때 쓸거라고 한다~ 아직 안해봐서 모르겠지만~ 기억해두자~

'JavaScript > Vanilla Js' 카테고리의 다른 글

[ES] Promise allSettled  (0) 2021.07.07
[ES] Array flat && Array sort  (0) 2021.07.07
[ES] trim, trimStart, trimEnd  (0) 2021.07.07
[ES] padStart and padEnd  (0) 2021.07.07
[ES] optional chaining  (0) 2021.07.07