startsWith()

startsWith() 메서드는 JavaScript에 내장된 문자열 메서드입니다. 문자열이 특정 문자열로 시작하는지 여부를 판별하여 true 또는 false를 반환합니다.

구문:

str.startsWith(searchString, position)

• searchString: str의 시작 부분에서 검색할 문자열입니다.
• position (선택사항): 검색을 시작할 str의 위치입니다. 기본값은 0입니다.

예시:

let str = "안녕하세요 세상아";

// "안녕"으로 시작하는가?
console.log(str.startsWith("안녕"));// true// "세상"으로 시작하는가? (대소문자 구분)
console.log(str.startsWith("세상"));// false// 위치 6부터 "세상"으로 시작하는가?
console.log(str.startsWith("세상", 6));// true// 위치 3부터 "하세"로 시작하는가?
console.log(str.startsWith("하세", 3));// true

주요 사항:

• startsWith() 메서드는 문자열이 주어진 searchString으로 시작하면 true, 그렇지 않으면 false를 반환합니다.
• 대소문자를 구분합니다. "안녕".startsWith("안녕") 은 true이지만, "안녕".startsWith("안녕하세요")는 false입니다.
• position 인수가 제공되면 해당 위치부터 검색을 시작합니다.
• 사용자 입력 검증, 파일 확장자 확인, 데이터 필터링 등에 유용합니다.

startsWith() 메서드는 ECMAScript 6 (ES6) 표준의 일부이며, 최신 브라우저와 JavaScript 런타임에서 지원됩니다. 구형 환경에서는 폴리필(polyfill)이나 대체 방법을 사용해야 할 수 있습니다.

startsWith와 includes 메서드는 모두 문자열에서 특정 부분 문자열을 찾는 데 사용되지만, 약간의 차이점이 있습니다.

startsWith

• 문자열이 특정 문자열로 시작하는지 확인합니다.
• 선택적으로 검색을 시작할 위치를 지정할 수 있습니다.
• 문자열의 시작 부분에서만 검색을 수행합니다.

includes

• 문자열에 특정 문자열이 포함되어 있는지 확인합니다.
• 선택적으로 검색을 시작할 위치를 지정할 수 있습니다.
• 문자열 전체에서 검색을 수행합니다.

예를 들어:

let str = "Hello world";

console.log(str.startsWith("Hell"));// true (문자열이 "Hell"로 시작)
console.log(str.startsWith("world"));// false (대문자 구분)
console.log(str.includes("world"));// true (문자열에 "world"가 포함되어 있음)
console.log(str.includes("hi"));// false

따라서 startsWith는 문자열의 시작 부분을 확인하는 데 유용하고, includes는 문자열 전체에서 특정 부분 문자열을 찾는 데 유용합니다.

일반적으로 문자열의 시작 부분을 확인해야 하는 경우 startsWith를 사용하고, 문자열 내의 위치에 상관없이 부분 문자열을 찾아야 하는 경우 includes를 사용합니다.