자바스크립트의 includes 메서드는 문자열 찾기 용도로 사용된다. 결과는 true, false 로 결과롤 보여준다. 당연히 찾을 문자열이 있다면 true, 없다면 false 이다. includes 메서드는 시작위치를 지정할 수 있기도 하다. 시작위치를 정하면 중복되는 단어들에 대해 순차적으로 검색할 수 있는 기능을 구현할 수 있다.
자바스크립트 문자열 찾기 includes 메서드 사용
using javascript string search includes method
includes 메서드는 자바스크립트에서 문자열을 찾는 메서드이기도 하다.
다른 문자열 찾기 메서드와는 다르게 true false 와 같은 참과 거짓 으로 결과를 나타낸다.
중복되는 단어가 있더라도 찾을 단어가 검색되면 true 이다.
당연히 찾을 문자열을 찾지 못한다면 false 를 출력한다.
includes 메서드는 두번째 인자값으로 시작위치를 정할 수 있기 떄문에 중복되는 단어들에 대해서도 값을 찾을 수 있다.
includes 메서드 사용
자바스크립트의 문자열 찾기 includes 메서드의 사용방법은 2가지이다.
단순히 찾을 문자열을 인자값으로 주는 방법이 있다.
찾을 문자열과 함께 시작위치를 지정하는 방법이 있다.
이 둘의 사용으로 문자열을 기민하게 찾을 수 있다.
String.includes("찾을 문자열")
String.includes("찾을 문자열", 시작위치)샘플 코드
위의 사용법을 가지고 간단히 코드를 만들어 본다.
문자열이 검색될 때와 검색되지 않았을 때를 가정하여 몇 가지 상황을 만들어 본다.
아래의 코드를 보면 알 수 있듯이 비슷한 코드가 있지만 상황은 다르다.
<!DOCTYPE html>
<html>
<body>
<h2>자바스크립트 문자열 찾기 includes 메서드</h2>
<script>
let vBool;
let vString;
vString = "YG Ent, 블랙핑크, 지수, 제니, 로제, 리사";
vBool = vString.includes("블랙핑크");
console.log(typeof(vBool), vBool)
vBool = vString.includes("블랙핑크", 5);
console.log(typeof(vBool), vBool)
vBool = vString.includes("blackpink");
console.log(typeof(vBool), vBool)
vBool = vString.includes("블랙핑크", 10);
console.log(typeof(vBool), vBool)
</script>
</body>
</html>결과 화면을 보도록 하자.
찾을 문자열이 검색이 된다면 true 를 반환한다.
찾을 문자열을 검색하지 못했다면 false 를 반환한다.
하지만, 마지막 코드를 보면 문자열이 있음에도 false 를 결과로 보여준다.
무슨 일일까?
문자열은 있지만 시작위치가 벗어났기 때문이다.
'programming > javascript' 카테고리의 다른 글
| javascript endsWith method 자바스크립트 문자열 뒤에서 찾기 메서드 (0) | 2021.11.21 |
|---|---|
| 자바스크립트 문자열 검색 startsWith 메서드 문자열이 지정한 문자열로 시작하는지 판단 javascript (0) | 2021.11.20 |
| 자바스크립트 문자열 찾기 match 메서드 사용 javascript string search match method (0) | 2021.11.18 |
| 자바스크립트 문자열 찾기 search 메서드 사용 (0) | 2021.11.17 |
| 자바스크립트 문자열 찾기 lastIndexOf 메서드 시작위치 지정 javascript string search lastIndexOf method start position (0) | 2021.11.16 |
댓글