[Front end] JavaScript Json Key 추출 ( keys VS getOwnPropertyNames 비교)

 

Json 데이터 Key를 뽑는 방법은 아래와 같다.

let jsonData = {
    userId : 'ID0001',
    userNm : '홍길두',
    age : 22
};

let key1 = Object.keys(jsonData);
console.log(key1);

let key2 = Object.getOwnPropertyNames(jsonData);
console.log(key2);

 

동일한 결과를 보여준다. 결과가 같아 보이는데 왜 함수를 다를까? 두 함수의 차이를 알아보자. JavaScript에서 객체의 속성을 정의할 때 enumerable(열거자)를 지정할 수 있다.

let object = Object.create({}, {
    name: {value : 'Micheal', enumerable : false},
    gender: {value : 'Male', enumerable : false}
});

let key1 = Object.keys(object);
console.log(key1);

let key2 = Object.getOwnPropertyNames(object);
console.log(key2);

enumerable 값에 따라 결과가 달라진 걸 확인할 수 있다. 결과적으로 어떤 Object를 다룰 때 객체의 모든 Key를 추출하고자 한다면 getOwnPropertyNames 함수를 사용하자. 부가적으로 미세하지만 keys 보다 getOwnPropertyNames이 빠르다.