팀원들과의 토론을 통해 새로운 인사이트를 얻게 되었습니다. 예를 들어, 다음과 같은 코드를 살펴보았습니다.
const TABS = [{key: "a", label: "A"}, {key: "b", label: "B"}] as const
원하는 값이 'a', 'A', 'b', 'B'일 때 해당 배열의 TABS[0].key나 TABS[1].key와 같이 인덱스를 통해 특정 값을 가져올 수 있습니다. 그러나 이런 방식은 함정을 감추고 있습니다. 만약 배열의 요소가 변경된다면, 예를 들어 TABS[0].key의 값이 'a'에서 'c'로 변경된다면, 코드 전체에서 예상치 못한 문제가 발생할 수 있습니다.
지금까지 해당 배열의 특정 인덱스의 요소가 내가 원하는 값과 일치했을 뿐이라는 생각이 들었습니다.
생각한 방법은 Array.prototype.find() 메서드를 사용하여 원하는 값을 찾는 것도 좋은 방법인 것 같습니다. 이 방법을 사용하면 배열을 순회하면서 조건에 맞는 값을 찾을 수 있습니다.
상수를 사용할 때 내가 원하는 데이터가 무엇인지 조금 더 생각해 볼 계기가 되었습니다. 그리고 토론을 통해 이러한 접근 방법에 대해 새롭게 깨달음을 얻게 되었습니다. 이런 작은 발견이 전체 코드의 품질을 향상하고, 코드를 더욱 안정적이고 유지보수하기 쉽게 만들 수 있습니다. 함께 더 나은 코드를 작성해 나가기를 바라겠습니다.
'JavaScript' 카테고리의 다른 글
객체를 조건부로 관리하기 (0) | 2022.04.11 |
---|---|
[JavaScript] 배열을 객체로 변환하는 방법 (0) | 2022.02.22 |
[Lookup Table] 룩업 테이블 (JS Patterns) (0) | 2022.01.27 |
export와 export default의 차이점 (0) | 2022.01.18 |
localStorage와 sessionStorage 차이점 (간단한 비교) (0) | 2021.12.15 |