본문 바로가기
Frontend/Javascript

[javascript] 문자열 포함 확인하기 /includes/match/indexOf/lastIndexOf

by YERIEL_염주둥 2021. 4. 16.
728x90

자바스크립트 다양한 방법으로 문자열 포함 확인하기

1. String.includes()

var str = 'testofstring'

str.includes('of')
//true

str.includes('st')
//true

str.includes('as')
//false

includes는 true/false 의 boolean 형태로 반환
해당 문자열을 포함하면 true, 없으면 false

단순하게 true, false 값만 필요할 때 사용

2. String.match()

var str = 'testofstring'

str.match('of')
//["of", index: 4, input: "testofstring", groups: undefined]

str.match('st')
//["st", index: 2, input: "testofstring", groups: undefined]

str.match('as')
//null

match는 리스트 형태로 반환
첫번째 값에는 찾는 문자열, 두번째 값에는 해당 문자열의 첫 번째 위치의 인덱스 값, 세번째는 문자열 , 네번째 값은 그룹이다.

포함하는 문자열이 없을때는 null을 반환한다.

3. String.indexOf()

var str = 'testofstring'

str.indexOf('of')
//4
str.indexOf('st')
//2
str.indexOf('as')
//-1

indexOf는 포함하는 문자열의 첫번째 값의 인덱스를 반환한다.
따라서 중복되더라도 앞에 있는 값의 인덱스 값만 반환한다.

포함하는 문자열이 없을때는 -1을 반환한다.

4. String.lastIndexOf()

var str = 'testofstring'

str.lastIndexOf('of')
//4
str.lastIndexOf('st')
//6
str.lastIndexOf('as')
//-1

lastIndexOf는 포함하는 문자열의 첫번째 값의 인덱스를 반환하지만 중복되는 값이 있는때는 뒤에 있는 문자열의 인덱스 값을 가져온다.

포함하는 문자열이 없을때는 -1을 반환한다.

 


다양한 방법으로 문자열을 포함하는지 알 수 있고 상황에 맞는 방법으로 사용하면 된다.

반응형

'Frontend > Javascript' 카테고리의 다른 글

[Javascript] {} to []  (0) 2021.04.30
script에서 session 값 가져오기  (0) 2021.04.27
javascript 브라우저 객체 모델  (0) 2020.03.23
javascript 이벤트 실습  (0) 2020.03.17
javascript 문자열 객체  (0) 2020.03.17

댓글