[JavaScript] Object.values 사용법

 

 

 

저번에는 Object.keys 메서드에 대한 포스팅을 작성했습니다.

이번에는 위 메서드와 같이 유용하게 사용할 수 있는 Object.values 메스드에 대해 알아보려고 합니다.

 

 

 

 

객체를 마주하다보면 가끔 객체의 value값들만 가지고 오고 싶을때가 종종 있습니다.

Object.values() 메서드는 객체의 프로퍼티들 중에서 value값만 묶어서 배열로 반환해주는 메서드입니다.

 

 

 

    const obj = {
        1: 'red',
        2: 'blue',
        3: 'yellow'
        4: 'green'
        5: 'black'
    }

    const values = Object.values(obj);

    console.log(values);
    // ["red", "blue", "yellow", "green", "black"]

 

 

위 예제에서는 obj 객체에서의 value값들인 red, blue, yellow, grren, black이 묶여서 배열로 반환되는 결과를 보여줍니다.

 

 

 

Object.values() 메서드는 객체뿐 아니라 문자열에서도 사용이 가능한 메서드입니다.

 

    const str = "hello"; 

    const strValues = Object.values(str);

    console.log(strValues);
    // ["h", "e", "l", "l", "o"]
    
    
    const num = 1234; 

    const numValues = Object.values(num);

    console.log(numValues);
    // []

 

위 예제에서는 str라는 문자열을 Object.values()를 사용했더니 배열에 각 문자열 하나씩 담겨진 배열이 리턴되는 것을 볼 수 있습니다.

하지만 num이라는 정수는 빈 배열이 리턴되는 결과를 볼 수 있습니다.