JavaScript 객체 Key 값을 받아 value값 반환하기

최근에 ReactJS로 개발하고 있는 가상화폐 시세 테이블을 개발하던 도중에 API에서 코인 이름들을 받아와서 한글로 표현하고 싶었는데 마땅한 방법이 생각나지 않았습니다.. 처음에는 어짜피 key값은 API를 통해서 받아오니 빗썸의 웹사이트에서 코인 한글 이름을 따로 파싱해서 받아올까도 생각했지만 코인이 일단 87개이고..(API에서 제공하는) 그렇게되면 총 87번의 요청이 발생하게되니 굉장히 마음에 안드는 모양새가 만들어질것같아 차라리 객체를 만들어 개발자가 추가적으로 지정해줌이 더 나은 선택으로 보였습니다.

다만 객체를 만드는 과정에서 일일히 타이핑을 할까 생각하다가 일단 key값은 빗썸 API에서 제공해주므로 적절하게 수정하면 한글만 타이핑하면 되겠다는 생각이 들었습니다. 우선 빗썸 API를 요청한 상태에서 콘솔을 켜서 객체의 Key 값만 가져온 후에 정규식을 사용하여 기본틀을 만든 후에 한글은 일일히 타이핑했습니다.

 

사용한 정규식

replace(/,/gi, ':"",');

객체 샘플

var coinNameKR = {
  BTC: '비트코인',
  ETH: '이더리움',
  DASH: '대시',
  LTC: '라이트코인',
  ETC: '이더리움 클래식',
  XRP: '리플',
}

이후에 객체와 row의 키값을 받아 매칭된 한글 이름을 반환하는 함수를 만들고 이를 JSX 문법에서 실행하도록 하였습니다.

function getKeyByValue(object, row) {
        return object[row];
      }

마지막으로 영문 코인명 밑에 한글 코인이름을 가져와 매칭이 되어있는 모습이 확인가능합니다.