inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Svelte.js [Core API] 완벽 가이드

4. 자식에서 부모로(Event Dispatcher)

코드를 조금 더 줄여볼 수 있는 로직이 생각나서 남겨봅니다.

267

jude
2

기존 로직은 deleteTodo 함수에서 todos배열의 id 값과 삭제할 id 값을 비교해서 배열의 index를 찾아내고 splice를 통해 배열을 수정하였는데요,

filter 함수로 더 간략하게 처리할 수 있을거 같아요.
event.detail로 넘어오는 삭제할 id 값과 todos 배열의 id 값을 비교해서 일치하지 않는 요소들로만 이루어진 배열을 반환 시키도록 하면 코드가 조금 더 짧아집니다.

다만 강사님이 작성한 코드가 논리적인 흐름을 파악하기가 좀 더 쉽고 코드의 의도가 명확하게 드러난다는 좋은 점이 있는거 같습니다 :)

 

답변 1

1

HEROPY

네, 감사합니다!

splice 대신 filter를 사용하시는 것도 아주 좋은 방법예요 :D

참고로 첨부하신 이미지에 delete가 delte로 작성되었네요~

0

jude

앗 스펠링이.. ㅠㅠㅋ 감사합니다~!

오타 많이 내서 큰일이네요..강의 보고 실습할 때도 오타내서 에러로 삽질한게 한두 번이 아니예요..ㅠㅠ