[정규식] front-side 검색 시, 대소문자 구분없이 찾아주기

찾을 대상이 영어 대문자로 작성되어 있을 시(APPLE)

"apple"이라고 검색했을 땐 찾지 못하는 이슈가 있었다.

 

정규식과 match 함수를 사용해 해결했다.

 

// 변경 전
data.filter((site) => {
      return (
        site.siteName.includes(mainKeyword) ||
        site.siteAdminPhone.includes(mainKeyword) ||
        site.siteBusinessNumber.includes(mainKeyword)
      );
 }
 
 
 // 변경 후
data.filter((site) => {
      return (
        site.siteName.match(new RegExp(mainKeyword, 'gi')) ||
        site.siteAdminPhone.match(new RegExp(mainKeyword, 'gi')) ||
        site.siteBusinessNumber.match(new RegExp(mainKeyword, 'gi'))
      );
 }