[JS]JSON key 가져오기, keys(), getOwnPropertyNames(), for 등등 비교

자바스크립트에서 JSON 데이터는 매우 유용하게 사용된다. 그만큼 key 값을 지정하는 것도 중요하다.

개발을 할 수록 JSON의 key 값이 필요한 상황이 종종 나타나는데, 그럴 때면 내가 JSON 데이터 형식을 잘못 묶었다고 판단하게 된다. 우선 이 얘기는 뒤에서 하기로 하고, JSON의 key 값을 가져오는 세 가지 방법을 알아보자.

 

 

1. keys()

 

Object.keys(JsonData);

 

Object.keys 문법에 파라메터로 키를 찾고싶은 데이터를 넣어주면 된다.

 

 

data.code는 key가 CMP011이고 value가 List인 JSON 데이터이다. key가 하나만 존재한다.

 

 

위의 함수를 실행하면 key의 값이 리스트로 반환된다. key가 하나여도 리스트로 반환된다.

 

 

 

2. getOwnPropertyNames()

 

Object.getOwnPropertyNames(JsonData);

 

keys()와 거의 같은 기능을 한다. 그렇지만 keys()보다 빠르게 수행된다.

 

 

아까와 같은 그 JSON 데이터로 getOwnPropertyNames()를 수행하면 다음과 같이 반환된다.

 

 

반환값도 똑같이 key 값이 리스트로 반환된다. 함수명은 조금 더 길지 몰라도, for문과 같이 루프를 돌아 찾아주는 keys()보다 조금 더 빠르다.

 

 

 

3. for( key in JSON)

 

var keys=[];

for(key in JsonData) {
	keys.push(key)
}

 

직접 for 문을 돌아 key를 찾아낼 수 있다. 이 방법은 그냥 key 값을 찾을 때만 사용하기에는 매우 비효율적이고, key 값을 찾으면서 다른 기능을 수행할 때 유용하게 쓸 수 있겠다.

 

 

그럼 이제 처음으로 돌아가서... key 값을 찾아서 쓰는 상황이 왜 안좋다고 생각하게 되었는지  말해보자.

 

내가 예시로 들은 Json 데이터는 key 값이 "코드명CMP011"이고, value 값이 "소분류 코드들(Array(3))"로 이루어져있다.

 

 

여기서 문제는 "코드명CMP011" 또한 의미를 가져 사용해야 하는 값이라는 점이다. 그럼 이 값은 key가 아닌 value가 되어야 한다.

이 코드의 소분류 코드들과 묶어서 저장하려고 key로 만들어버린 것이다. 그렇지만 코드명이 필요한 상황이 많으니 자꾸 data.code의 key값을 찾아야 하는 상황이 오게 된 것이다. 이 글을 읽는 대부분의 경우도 이와 비슷하지 않을까 상상해본다. 

 

다음과 같이 형태를 바꾸어 주어야 효율적이겠다.

 

 

key는 말 그대로 사용해야하는 값이 아닌, 그 값을 표현하는 이름으로 명시해주어야 하는 것이다.

{ 코드명 : cmp, 소분류코드리스트 : Array(3) } 이렇게 묶어주고, 다른 코드들이 생긴다면 

[ { 코드명 : cmp, 소분류코드리스트 : Array(3) }, { 코드명 : tas, 소분류코드리스트 : Array(4) } ] 이렇게 리스트로 묶어주면 끝!

 

이상 개인적인 JSON Data에 대한 의견이었다!

 

자바스크립트, JS, JSON, JavaScript, JSON Object, keys, key, getKey, getOwnPropertyNames, for