loop through objects

박경찬·2023년 3월 26일

각 objcet 의 property들을 받아서 그 array 들을 render하고 싶을때! 어떻게 하면 좋을지 알아보자!

  const to = {
    x: ["a", "b"],
    y: ["n", "t"],
  };

Object.keys(to)
Object.values(to)

오브젝트의 property와 value 만 이단 확인해보자

keys

['x', 'y']
0: "x"
1: "y"

values

[Array(2), Array(2)]
0: (2) ['a', 'b']
1: (2) ['n', 't']
length: 2

Object.keys(to).map(el => to[el])

키값을 꺼내서array에 넣고 map을 사용하면 루프를 사용할수 있다.

오!