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

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

 

 

 

 

 

 

 

 

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

 

객체의 value 로만 이루어진 배열을 반환한다.

 

 

 

 

 

 

 

 

[사용법]

 

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


Object.values(son);

//  결과값 :
//  ['Son', 30, 'forward', 'Spurs']



//  응용해보기!
//  'Spurs' 만 골라내고 싶다면, Array함수 중, find() 를 사용!
//  화살표함수 말고 일반함수를 사용해보자

var temp = Object.keys(son).find(function(el,idx) { if(el == 'Spurs') return el });

//  temp 의 값은 'Spurs'

 

 

 

 

 

 

 

 

[간단설명]

 

객체의 value 값에만 접근하고 싶을 때 사용한다.

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

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

 

 

 

 

 

 

 

 

 

 

 

[주의]

 

• {key : value} 값이 모두 필요하다면 Object.entries() 를 사용하는게 더 낫다.
• key 값에만 접근하고 싶다면, Object.keys() 를 사용한다.

 

 

 

 

 

 

 

 

 

 

 

 

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

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

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

 

 

 

객체의 key, value 값이 모두 필요하다면,

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

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