이 코드에서 text.includes라는 문자열 내장 함수를 사용했습니다. 이는 텍스트에 특정 문자열이 존재하는지 확인하는 함수입니다. 만약 존재한다면 true를 반환하고 그렇지 않으면 false를 반환합니다.

그리고 [log.title, log.body] 배열에서 사용한 some이라는 배열 내장 함수는 배열 원소 중 특정 조건이 true인 원소가 하나라도 있으면 true를 반환하고, 모든 원소가 특정 조건을 만족하지 않을 때 false를 반환합니다.

좀더 쉽게 이해하기 위해 다음 예제 코드를 확인해봅시다.

const numbers = [1, 2, 3, 4, 5];

numbers.some(number => number > 6); 
  // 모든 원소에 대해 위 함수를 돌려보고, 
  // 만족하는 원소가 하나도 없어서 false 반환

numbers.some(number => number > 1);
  // 2가 1보다 크기 때문에 true 반환
  // 2 이후의 원소들은 함수를 돌려보지 않음

검색어가 있을 때는 필터링을 거치고, 그렇지 않을 때는 빈 배열을 보여주도록 설정했습니다. 이제 화면에서 검색어를 입력해보세요.

▲ 그림 7-6 검색 기능 구현

검색 결과가 잘 나타났나요?