Object key와 value 사용하기

key:value으로 이루어진 Object자료형에서 key와 value를 사용하는법

 

1.key사용하기

Object.keys(오브젝트변수명)

그리고 순서대로 사용하려면

Object.keys(오브젝트변수명)[0]

Object.keys(오브젝트변수명)[1]

....

 

2.value사용하기

Object.values(오브젝트변수명)

그리고 순서대로 사용할며녀

Object.values(오브젝트변수명)[0]

Object.values(오브젝트변수명)[1]

....

 

이와같이 사용해주면 된다.

 

  let obtest =
  {
    "94": "안성탕면",
    "201": "불닭볶음면",
    "73": "올리브짜파게티"
  }

오늘 이와같이 보내지는 API를 뽑아 key, value 두가지를 사용해야했는데 이때 참고한 방식이다.

     {Object.keys(obtest)}
      {Object.keys(obtest)[0]}
      {Object.keys(obtest)[1]}
      {Object.keys(obtest)[2]}
      {Object.values(obtest)}
      ----------------------------------------
      {Object.values(obtest)[0]}
      {Object.values(obtest)[0]}
      {Object.values(obtest)[0]}

이와같이 테스트 해보았고

이와같이 출력되서, react컴포넌트 내에서 잘 사용했다.

 

해당 자료 그대로 props로도 줄 수 있고, 변수에 넣어서도 잘 활용할 수 있다.

 

- 참고한링크

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/values

Object.values() - JavaScript | MDN

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

Object.keys() - JavaScript | MDN

https://www.delftstack.com/ko/howto/javascript/get-key-of-object-javascript/