[TS/Util] 객체를 배열 형식으로 바꾸기

ww8007·2021년 8월 28일
0

TypeScript

목록 보기
1/1
post-thumbnail

객체를 배열로 바꾸기 🛠

  • React를 하다보니 모듈마다 원하는 형식이 제각각이라서 요번에는 객체를 배열로 바꾸는 방법에 대해서 알아보려고 한다.

사용법

  1. 아래와 같은 과일 **객체**가 있다고 가정해보자
const fruit = {apple, banana, orange};
  1. 이를 배열로 바꿔서 사용하고 싶다면 Object.keys 로 먼저 **키값 배열**을 먼저 만들어야 한다.
Object.keys(fruit);
  1. map 배열 메서드를 사용해서 객체의 배열로 만들어준다
Object.keys(fruit) // ['apple', 'banana', 'orange']
	.map((key) => ({[key]: fruit[key]})); 
// [{apple: 'red'}, {banana: 'yellow'}, {orange:'orange'}]

React 에서 사용해보기

코드


결과창

profile
Frontend 개발자를 꿈꾸는 대학생 입니다.

0개의 댓글