[TIL] 객체를 배열로 만들기

oaksusu·2024년 2월 27일
0

TIL

목록 보기
3/36
post-thumbnail

0. 주제 선정하게 된 배경 :

영화 예매 사이트를 만들면서 목적에 따라 데이터를 변환시키는 일이 많았는데,
그 중에서 객체를 배열로 만들어야 하는 경우가 있었다.
객체에서 배열로 바꿔보는건 처음이라 공부해보고 싶어 오늘의 주제로 선택했다.
[배열로 만들고자 한 객체]

const ageCate = {
  adult: {
    num: Math.min(seatCategory.adult, selectedSeats.length),
    price: 15000
  },
  teenager: {
    num: Math.min(seatCategory.teenager, Math.max(selectedSeats.length - seatCategory.adult, 0)),
    price: 12000
  },
  senior: {
    num: Math.min(seatCategory.senior, Math.max(selectedSeats.length - seatCategory.adult - seatCategory.teenager, 0)),
    price: 5000
  },
  challenged: {
    num: Math.min(seatCategory.challenged, Math.max(selectedSeats.length - seatCategory.adult - seatCategory.teenager - seatCategory.senior, 0)),
    price: 5000
  },
};

1. 제대로 알고 넘어가기

Object.entries(객체)

반환값 : [key, value]의 형태로 만들어진 배열을 반환
예상값 :

Object.entries(ageCate); 
// [['adult', {name: 0, price: 15000}], ['"teenager"', {num: 0, price: 12000}], ['"senior"', {num: 0, price: 5000}], ['"challenged"', {num: 0, price: 5000}]]

Object.values(객체)

반환값 : value만 담긴 배열을 반환
예상값 :

Object.values(ageCate);
// [{name: 0, price: 15000}, {num: 0, price: 12000}, {num: 0, price: 5000}, {num: 0, price: 5000}]

Object.keys(객체)

반환값 : key만 담긴 배열을 반환
예상값 :

Object.keys(ageCate);
// ['adult', 'teenager', 'senior', 'challenged'];

2. 적용해보기

커밋내역 : 82d8b1df8ed042f493ed0fe7cee4c419a4489564 (values로 검색했을때 나옴)

profile
삐약

0개의 댓글