javascript filter 함수 사용관련

Question

Array.filter() 함수를 적용하여 조회조건을 적용하여 필터링을 적용하려고 합니다.조회조건 input 필드에 값을 넣었는데도 값이 정상적으로 필터링이 되지 않고 빈배열이 나오는지 잘 모르겠습니다.export default funtion componentA(){ const [selectList, setSelectList] = useState(); const [filteredList, setFilteredList] = useState(); const [searchReq, setSearchReq] = useState({ testType: '', testStatus : '', testName : '' }) useEffect(()=>{ let filteredList = selectList; if(searchReq.testType !== ''){ filteredList = filteredList?.filter ((list : any ) => list.ttype === searchReq.testType) } if(searchReq.testStatus !== ''){ filteredList = filteredList?.filter ((list : any ) => list.tappstate === searchReq.testStatus) } if(startDate !== '' && endDate !== ''){ filteredList = filteredList?.filter ((list : any) => (list.regdate.substr(0,10) >= startDate) &&(list.regdate.substr(0,10) <= endDate)) } /**********적용 안되는 부분 *********/ if(searchReq.testName !== ''){ filteredList = filteredList?.filter((list : any) => (list.tname === searchReq.testName )) } setFilteredList(filteredList); },[searchReq, startDate, endDate]) console.log(filteredList) console.log(`filteredList : ${JSON.stringify(filteredList)}`) }

songline · Answer

실 데이터가 없어 테스트해보진 못했습니다만, 코드를 볼 때 추정되는 원인은 if(startDate !&#61;&#61; '' && endDate !&#61;&#61; ''){ filteredList &#61; filteredList?.filter ((list : any) &#61;> (list.regdate.substr(0,10) >&#61; startDate) &&(list.regdate.substr(0,10) <&#61; endDate)) } 이 부분입니다.startDate !&#61;&#61; '' 이런식으로 조건을 두고 계신데 여기서 startDate에 아무런 값이 대입되지 않아 undefined인 상태라면 startDate !&#61;&#61; ''은 true가 반환되기 때문에 조건을 타고 돌 수 있습니다. 그리고 그렇게 되면 undefined를 가지고 비교연산을 실행한 꼴이 되므로 해당 조건을 만족하는 값이 없어 filteredList는 빈 배열이 되죠.이 상태로 말씀하신 필터라인을 들어가게 되면 입력이 빈배열이니 당연히 반환값도 빈배열이 나오게 됩니다.제가 보기에는 이것이 유력한 원인인데 한 번 테스트 해보시고, 원인이 아니라면 각 if문 사이사이에 로그를 찍어서 좀 더 상세한 실행 결과를 보여주세요. 아 그리고 이왕이면 결과도 사진보다는 그냥 글로 복붙해주시는게 분석하기 더 좋습니다.

javascript filter 함수 사용관련

1개의 답변

#setstate 목록