[JavaScript] Object.values() - 객체의 value 값들만 뽑아내기

객체에 담아서 사용하다보면 key값들만 뽑아서 사용하거나 value값들만 뽑아서 사용해야하는 경우가 생긴다.

배열에 돌려서 하나하나 뽑아 쓰기 보다는

 

스크립트에는 Object.values() 라는 메서드를 제공해주는데

특정 객체를 대상으로 value값들만 뽑아서 배열로 반환하는 메서드라 생각하면 된다.

 

▷ 구문

Object.values(obj)
: Object.values() 는 파라매터로 전달된 객체가 가지는 열거 가능한 속성의 값들로 구성된 배열을 반환합니다. 배열의 값들이 순서는 오브젝트의 속성을 for in 구문등으로 반복한 결과와 동일합니다. (참고로 for in 구문은 순서를 보장하지 않습니다)

 

예제를 통해 알아보자.

 

▷ 예제1) 숫자값들로 이루어진 객체

var obj = {
	a: 2,
	b: 42,
	c: 4
};

Object.values(obj); // [2, 42, 4]

 

▷ 예제2) 여러 형식의 값들로 이루어진 객체

var obj = {
	a: {a : 'somestring'},
	b: 42,
	c: false,
	d: 'str'
};

Object.values(obj); // [{a : 'somestring'}, 42, false, 'str']

 

좋은 메서드를 사용하는것은 좋지만이 함수는 IE에서는 지원을 안하니 감수하고 사용하자.

 

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/values

Object.values() - JavaScript | MDN

---

[JavaScript] Object.keys() - 객체의 key 값들만 뽑아내기

[JavaScript] Object 객체의 key 값들만 뽑아내기 (ft. Object.keys)