JavaScript

상수를 지금까지 잘못 사용하고 있었습니다.

눙엉 2024. 4. 22. 21:28

팀원들과의 토론을 통해 새로운 인사이트를 얻게 되었습니다. 예를 들어, 다음과 같은 코드를 살펴보았습니다.

const TABS = [{key: "a", label: "A"}, {key: "b", label: "B"}] as const

 

원하는 값이 'a', 'A', 'b', 'B'일 때 해당 배열의 TABS[0].keyTABS[1].key와 같이 인덱스를 통해 특정 값을 가져올 수 있습니다. 그러나 이런 방식은 함정을 감추고 있습니다. 만약 배열의 요소가 변경된다면, 예를 들어 TABS[0].key의 값이 'a'에서 'c'로 변경된다면, 코드 전체에서 예상치 못한 문제가 발생할 수 있습니다.

 

지금까지 해당 배열의 특정 인덱스의 요소가 내가 원하는 값과 일치했을 뿐이라는 생각이 들었습니다.

 

생각한 방법은 Array.prototype.find() 메서드를 사용하여 원하는 값을 찾는 것도 좋은 방법인 것 같습니다. 이 방법을 사용하면 배열을 순회하면서 조건에 맞는 값을 찾을 수 있습니다.

 

상수를 사용할 때 내가 원하는 데이터가 무엇인지 조금 더 생각해 볼 계기가 되었습니다. 그리고 토론을 통해 이러한 접근 방법에 대해 새롭게 깨달음을 얻게 되었습니다. 이런 작은 발견이 전체 코드의 품질을 향상하고, 코드를 더욱 안정적이고 유지보수하기 쉽게 만들 수 있습니다. 함께 더 나은 코드를 작성해 나가기를 바라겠습니다.