[자바스크립트] javascript Object.entries() 사용하기

[자바스크립트] javascript Object.entries() 사용하기

 

 

 

 

 

 

 

 

자바스크립트 객체를 배열로 변환해주는 메소드!

 

객체의 {key : value} 형식을 배열 형태의 [key, value] 로 변환하여 준다. 

 

 

 

 

 

 

 

 

[사용법]

 

var son = {
    name : 'Son',
    age  : 30,
    position  : 'forward',
    team : 'Spurs'
}


Object.entries(son);

//  결과값 :
//  [['name', 'Son'], ['age', 30], ['position', 'forward'], ['team', 'Spurs']]

 

 

 

 

 

 

 

 

[간단설명]

 

Object 에서는 사용할 수 없는 자바스크립트 Array 메소드를(forEach(), find(), filter()... 등) 사용하고자 할 때

Object 를 Array 로 변환시키기에 유용하다.

 

더하여, 자바스크립트 Object 를 순환하기 위해 보통 for...in 문을 사용할 수 있지만,

for...in 문은 우리의 의도와는 상관없이 객체의 prototype 내부까지 순환 해버리는 단점이 있다.

 

 

 

 

 

 

 

 

 

[주의]

 

• {key : value} 형식을 세트로 배열화한다.
• key 값에만 접근하고 싶다면, Object.keys() 를 사용하는게 더 낫다.
• value 값에만 접근하고 싶다면, Object.values() 를 사용하는게 더 낫다.

 

 

 

 

 

 

 

 

 

 

 

객체의 value 값만 필요하다면,

https://devinserengeti.tistory.com/27?category=901017

[자바스크립트] javascript Object.values() 사용하기

 

 

 

객체의 key 값만 필요하다면,

https://devinserengeti.tistory.com/26?category=901017

[자바스크립트] javascript Object.keys() 사용하기