joyful
TIP 10: 객체를 이용해 정적인 키-값을 탐색하라 본문
배열은 유연해서 어떤 형태의 정보라도 담을 수 있지만, 필요 이상으로 복잡하게 만들기도 한다.
이때 가장 많이 사용하는 데이터 컬렉션 방법이 객체이다.
특히 변화가 없고 구조화된 키-값 컬렉션에 객체를 사용하는 것이 가장 적합하다.
예제코드
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()은 각 항목을 매개변수로 받는 대신, 객체를 전달해 필요한 값을 꺼내 쓸 수 있도록 했다.
- 이러한 경우 객체는 다른 컬렉션에 비해 훨씬 빠르고 명료하다.
'자바스크립트 코딩의 기술' 카테고리의 다른 글
TIP 12: 객체 펼침 연산자로 정보를 갱신하라 (2) | 2023.11.11 |
---|---|
TIP 11: Object.assign()으로 조작 없이 객체를 생성하라 (1) | 2023.11.11 |
TIP 9: 펼침 연산자로 정렬에 의한 혼란을 피하라 (2) | 2023.11.04 |
TIP 8: push() 메서드 대신 펼침 연산자로 원본 변경을 피하라 (0) | 2023.11.04 |
TIP 7: 펼침 연산자로 배열을 본떠라 (2) | 2023.11.02 |