Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags
more
Archives
Today
Total
관리 메뉴

joyful

TIP 10: 객체를 이용해 정적인 키-값을 탐색하라 본문

자바스크립트 코딩의 기술

TIP 10: 객체를 이용해 정적인 키-값을 탐색하라

조이풀한 개발자 2023. 11. 7. 23:48

배열은 유연해서 어떤 형태의 정보라도 담을 수 있지만, 필요 이상으로 복잡하게 만들기도 한다.

이때 가장 많이 사용하는 데이터 컬렉션 방법이 객체이다. 

 

특히 변화가 없고 구조화된 키-값 컬렉션에 객체를 사용하는 것이 가장 적합하다. 

 

 


예제코드

function getBill(item) {
  return {
    name: item.name,
    due: twoWeeksFromNow(),
    total: calculateTotal(item.price),
  };
}

const bill = getBill({ name: '객실 청소', price: 30 });

function displayBill(bill) {
  return `${bill.name} 비용은 ${bill.total} 달러이며 납부일은 ${bill.due}입니다.`;
}
  • 정적인 객체더라도 프로그래밍적으로 정의할 수 있다. 
  • 아래 코드에서는 함수 내에서 객체를 생성하고 다른 함수에 넘겨준다. (정보를 수집하고 전달해 다른 함수에서 사용)
  • 데이터를 매번 같은 방식으로 설정하고 사용하여, 조작하거나 업데이트 되지 않는 정적인 정보로 만들었다. 
  • 이는 기존의 객체를 조작하는 것이 아니라 각각의 함수에서 새로운 객체를 생성하는 것이다. 
  • 함수 displayBill()은 각 항목을 매개변수로 받는 대신, 객체를 전달해 필요한 값을 꺼내 쓸 수 있도록 했다.
  • 이러한 경우 객체는 다른 컬렉션에 비해 훨씬 빠르고 명료하다.