[JavaScript] canvas를 만들어서 사용하는 법

JavaScript에서 문자열을 다루다 보면 특정 문자로 시작하는 지를 확인해야 할 때가 있다.

오늘은 그럴 때 사용할 수 있는 함수인 startsWith의 사용법에 대해서 정리를 해봤다.

 

1) startsWith 함수란?

 

정식적으로는 String.prototype.startsWith()인 이 함수는 앞서 말했듯이 특정 문자열로 시작하는지 체크를 하는 함수이다.

 

string.startsWith(searchString, start)

 

일단 함수를 사용하기 위해서는 string 변수가 필요하다. 

먼저 searchString에는 해당 문자열로 시작하는지 알고 싶은 문자열을 집어넣으면 된다.

만약 찾는 문자열로 시작을 한다면 true를 반환하고 그렇지 않을 경우에는 false를 반환한다.

 

아래는 문자열가 "abc" 문자열로 시작하는지 확인하는 예시이다.

 

string a = "abcde"

console.log(a.startsWith('abc'))

 

결과를 log로 찍어낼 경우 abc로 문자열이 시작하기 때문에 true를 출력하게 된다.

 

그렇다면 start는 무슨 값을 넣어야 하는 걸까?

 

start에는 시작하는 위치의 값을 넣어주면 된다. 

만약 첫 번째부터 시작하는 게 아닌 2번째, 3번째부터 시작하는 위치를 알고 싶을 경우 각각 1, 2를 넣어주면 된다.

start는 아무런 값을 입력하지 않을 경우에는 0으로 들어가게 된다.

 

start를 이용해서 3번째 값부터 확인하는 예제는 다음과 같다.

 

string a = "abcde"

console.log(a.startsWith('abc',2))

 

결과를 확인할 경우 3번째 값에는 abc로 시작하지 않기 때문에 false를 반환한다.