자바스크립트 코딩의 기술
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()은 각 항목을 매개변수로 받는 대신, 객체를 전달해 필요한 값을 꺼내 쓸 수 있도록 했다.
- 이러한 경우 객체는 다른 컬렉션에 비해 훨씬 빠르고 명료하다.