자바스크립트에서 startWith 메서드는 제시된 문자열이 특정 문자열로 시작하는지 여부를 판단한다. 지정된 문자열로 시작할 경우 true 을 보여주고, 그렇지 않은 경우 false 를 보여준다. 입력된 단어들의 검증절차에 사용될 수도 있다. 앞자리에 원하는 문자열이 시작되는 것만 추출하고 싶을 때 사용하면 좋다.
자바스크립트 문자열 검색 startsWith 메서드 사용
문자열이 지정한 문자열로 시작하는지 판단 javascript
자바스크립트에서 startsWith 메서드는 조금 특별하다.
검색할 문자열이 특정 문자열로 시작하는지 여부를 판단한다.
글자 사전과 같은 데이터들이 몰려 있는 경우 시작하는 단어들이 일치하는지 여부를 판단할 수도 있고, 불특정 다수의 문자열의 검출된 데이터를 기반한 특정 단어들로 시작하는 문자열을 검출할 수도 있다.
물론, startsWith 메서드 말고 다른 메서드를 사용하는 것이 더 쉬울 수도 있을 것 같은 생각이지만 어쨌든 사용법은 훓어보고 지나가자.
사용방법
자바스크립트의 startsWith 메서드는 어떤 문자열이 지정한 문자열로 시작하는지 여부를 판단한다.
지정한 문자열로 시작한다면 true 를 결과로 보여준다.
지정한 문자열로 시작하지 않는다면 false 를 결과로 보여준다.
단순하다.
다른 메서드와 마찬가지로 시작위치를 지정하여 그 위치에 있는 단어가 지정한 단어로 시작하는지 판단할 수 있다.
String.startsWith("시작문자열")
String.startsWith("시작문자열", 시작위치)샘플 코드
위의 코드를 기반으로 코드를 만들어 본다.
어렵지 않게 만들 수 있을 것이다.
지정된 특정 단어의 위치를 찾기 위해 indexOf 메서드를 같이 사용하였다.
indexOf 메서드는 첫번째로 발견한 문자열의 첫번째 문자의 인덱스를 결과로 보여준다.
그렇기에 startsWith 메서드와 함께 사용하기에 적합하다.
<!DOCTYPE html>
<html>
<body>
<h2>자바스크립트 문자열 찾기 startsWith 메서드</h2>
<script>
let vBool;
let vString;
vString = "YG Ent, 블랙핑크, 지수, 제니, 로제, 리사";
vBool = vString.startsWith("블랙핑크");
console.log(typeof(vBool), vBool);
vBool = vString.startsWith("YG Ent");
console.log(typeof(vBool), vBool);
vIndex = vString.indexOf("블랙핑크");
vBool = vString.startsWith("블랙핑크", vIndex);
console.log(typeof(vBool), vIndex, vBool);
</script>
</body>
</html>결과화면을 보자.
제시된 문자열에서 시작하는 문자열은 YG Ent 이다.
이 단어로 시작하지 않는다면 false 를 결과로 보여준다.
위치를 지정한 경우 해당 문자열의 시작위치가 정확해야 한다.
그렇기에 indexOf 메서드로 단어의 위치를 먼저 검색하였다.
이렇게 사용하는 것 보다는 보통 indexOf 만 사용하는 경우가 더 많긴 하지만 말이다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 백틱 문자열을 자유자재로 입력 javascript backtic (0) | 2021.11.21 |
|---|---|
| javascript endsWith method 자바스크립트 문자열 뒤에서 찾기 메서드 (0) | 2021.11.21 |
| 자바스크립트 문자열 찾기 includes 메서드 사용 using javascript string search includes method (0) | 2021.11.19 |
| 자바스크립트 문자열 찾기 match 메서드 사용 javascript string search match method (0) | 2021.11.18 |
| 자바스크립트 문자열 찾기 search 메서드 사용 (0) | 2021.11.17 |
댓글