[JS] JavaScript 객체 key 값 변수로 설정하기

안녕하세요 :) 개발자 Sean입니다. 

객체 key 값을 변수로 설정하고 싶을 때는 어떻게 해야 할까요?

오늘 업무 중에 관련해서 코딩한 부분이 있어 잘라서 붙여봅니다. 

 

import { useState } from 'react';

const useFilters = (_filterList: {[key: string]: any}) => {
  const [filterList, setFilterList] = useState<{[key: string]: any}>(_filterList);

  const updateFilterList = (target: string, value: any) => {
    if (filterList[target] in filterList){
      setFilterList({
        ...filterList,
        [target]: value,
      })
    }
  }

  return [filterList, updateFilterList];
}

export default useFilters;

위와 같이 "[ ]"로 감싸주면 변수를 key 값으로사용할 수 있습니다.