✅ 개요
Array.some() 메서드는 배열을 순회하면서 조건을 만족하는 요소가 하나라도 있는지 검사할 때 사용합니다.
🧠 동작 방식
- 배열의 각 요소에 대해 콜백 함수를 실행합니다.
- 콜백 함수가 true를 반환하는 요소가 하나라도 있으면 전체 결과는 true입니다.
- 모든 요소가 조건을 만족하지 않으면 false를 반환합니다.
- 조건을 만족하는 요소를 찾는 즉시 순회를 멈추기 때문에 효율적입니다.
💡 사용 예시
some()은 프로젝트에서 배열 내부의 데이터 유효성을 검사하거나 조건을 만족하는 항목이 있는지 빠르게 확인할 때 유용합니다.
예를 들어, 아래는 pdfs 배열 중 url 또는 fileName이 비어 있는 항목이 있는지 확인하는 코드입니다:
const invalidate = selectedMarker.content.pdfs.some((e) => {
return (
e.url.length === 0 || (e.url.length === 0 && e.fileName.length === 0)
);
});
props.onValidate(!invalidate);
🔍 해석
- 하나라도 유효하지 않은 항목이 있다면 invalidate는 true가 됩니다.
- props.onValidate()는 반대로 false를 넘겨 유효성 실패를 알립니다.
📝 요약
- Array.some()은 배열 내 조건 만족 여부를 빠르게 확인할 수 있는 강력한 도구입니다.
- 효율성과 가독성을 동시에 챙길 수 있어 유효성 검사나 필터 조건 처리 등에 자주 활용됩니다.
'개발' 카테고리의 다른 글
| 자바스크립트 배열 요소 랜덤 선택하기 (0) | 2023.05.07 |
|---|---|
| useMemo를 사용해서 불필요한 연산 줄이기 (0) | 2023.05.06 |
| Zoom PoC - 화면 공유 중지 시 블랙 스크린 문제 해결 (0) | 2023.03.19 |
| 전역 상태 관리를 위한 React Query 도입 (0) | 2023.03.19 |
| 🔁 배열과 객체 복사: Object.assign() vs Spread 연산자(...) (0) | 2023.03.19 |