[JavaScript] Object.keys 사용법

 

 

JavaScript는 객체 기반 프로그래밍 언어입니다.

그렇기 때문에 자바스크립트를 구성하는 거의 대부분이 객체로 이루어져있습니다.

객체를 관련해 다루는 메서드가 있다면 유용하게 사용을 할 수 있을 것입니다.

 

 

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

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

 

 

    const obj = {
        name: 'leo',
        age: '26',
        gender: 'm'
    }

    const keys = Object.keys(obj);

    console.log(keys);
    // ["name", "age", "gender"]

위 예제에서는 obj 객체에서의 key값들인 name, age, gender가 묶여서 배열로 반환되는 결과를 보여줍니다.

 

 

 

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

 

const arr = ['빨간색', '파란색', '노란색', '초록색', '보라색', '검정색'];

const keys = Object.keys(arr);

console.log(keys);
// ["0", "1", "2", "3", "4", "5"]

 

위 예제에서는 arr라는 배열을 Object.keys()를 이용해서 리턴했더니 배열의 각 인덱스가 담겨진 배열이 리턴되는 것을 볼 수 있습니다.

 

 

 

이렇듯 JavaScript에서는 여러가지의 메서드들이 존재하기 때문에 여러 메서드의 존재나 사용법을 익힌다면 굉장히 유용하게 사용할 수 있습니다.