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 |
댓글