인프런 커뮤니티 질문&답변

HHS님의 프로필 이미지
HHS

작성한 질문수

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

이름으로 전화번호 찾기

ㅠㅠ 갑자기 어떻게 해서 검색기능이 구현된 건지 이해가 덜 되었어요...

작성

·

241

1

data={this.state.information.filter(
info => info.name.indexOf(this.state.keyword) > -1
)}

이 부분때문일 거 같긴 한데요. indexOf는 인덱스를 뽑는 건데, 이걸로 어떻게 검색(필터링)기능이 구현 된 것인지 이해가 안되어서 질문드립니다..!

 

답변 1

3

indexOf함수가 index를 찾는 함수인데요. 없으면 -1를 리턴하게 됩니다.

info.name이 만약에 홍길동이면 제가 input창에 홍을 첬으면 홍길동에서 홍이 존재하기 때문에 index는 0이 반환되고 그럼 홍길동의 info정보가 date에 추가되는 것이죠.

HHS님의 프로필 이미지
HHS

작성한 질문수

질문하기