[JavaScript] indexOf() vs. includes()

String.indexOf()

• indexOf() 메서드는 String 객체에서 찾으려는 문구의 첫 번째 index를 반환한다.
• 일치하는 값이 없으면 -1을 반환한다.
• 어떤 문자열에 특정 문자열이 존재하는지 확인할 때에도 사용한다.

구문

str.indexOf(searchString)
str.indexOf(searchString, position)

매개변수

• searchString
  • 찾으려는 문자열. 아무 값도 주어지지 않으면 문자열 'undefined'를 찾으려는 문자열로 사용된다.
• position (선택사항)
  • 문자열에서 찾기 시작하는 위치를 나타내는 index 값이다.
  • 기본값은 0이며, 문자열 전체에서 찾게 된다.
  • position > str.length이면, 검색하지 않고 바로 -1을 반환한다.
  • position < 0이면, position = 0인 것과 똑같이 작동한다.

반환값

• searchString이 처음 나타나는 index
• 찾을 수 없으면 -1

String.includes()

• includes() 메서드는 특정 문자열이 어떤 문자열에 포함되어 있는지 판별한다.
• 결과를 true 또는 false로 반환한다.

구문

str.includes(searchString)
str.includes(searchString, position)

매개변수

• searchString
  • 찾으려는 문자열
• position (선택사항)
  • 문자열에서 찾기 시작하는 위치를 나타내는 index 값
  • 기본값은 0이며, 문자열 전체에서 찾게 된다.

반환값

• searchString이 있으면 true, 없으면 false이다.

indexOf()와 includes()의 공통점

• 어떤 문자열에 특정 문자열이 존재하는지 확인할 때 사용할 수 있다.

indexOf()와 includes()의 차이점

• indexOf()는 특정 문자열이 존재하는 첫 번째 index도 알 수 있지만, includes()는 알 수 없다.
• includes()는 비교적 최신에 나온 문법이어서 Internet Explorer에서 작동하지 않는다.