[JavaScript] 문자열 자르기 (substr, substring, slice)

들어가며

이번 게시글에서는 자바스크립트에서 문자열을 자르는 함수에 대해 알아보고자 합니다.

자바스크립트에서 문자열을 자르는 함수

자바스크립트에서 문자열을 자르기 위해서는 substr(), substring(), slice() 함수를 사용하면 됩니다.

String.prototype.substr(start[, length])
String.prototype.substring(indexStart[, indexEnd])
String.prototype.slice(beginIndex[, endIndex])

위 세 가지 함수의 인수 중 대괄호([]) 부분은 생략 가능하며, 생략할 경우 시작 위치부터 문자열 끝까지 자릅니다.

substr() 함수

substr() 함수는 시작 위치부터 해당 길이만큼 문자열을 자르는 기본적인 함수입니다.

"길이" 부분을 생략하면 시작 위치부터 문자열 끝까지 자릅니다.

substr("시작 위치", "길이") 또는 substr("시작 위치")

const str = "JavaScript";

const result1 = str.substr(0, 2);
// result1 : "Ja"

const result2 = str.substr(2, 4);
// result2 : "vaSc"

const result3 = str.substr(2);
// result3 : "vaScript"

 substring() 함수

substring() 함수는 시작 위치에서 종료 위치까지 문자열을 자릅니다.

주의사항 : 인자에 음수(-)를 대입하면 해당 값은 "0"으로 치환되며, 종료 위치에 음수(-) 또는 "0"인 경우 첫 번째 인수와 두 번째 인수가 뒤바뀝니다.

substring("시작 위치", "종료 위치") 또는 substring("시작 위치")

const str = "JavaScript";

const result1 = str.substring(0, 2);
// result1 : "Ja"

const result2 = str.substring(2, -1); // str.substring(0, 2)
// result2 : "Ja"

const result3 = str.substring(-4, 5); // str.substring(0, 5)
// result3 : "JavaS"

slice() 함수

slice() 함수의 기본적인 사용법은 substring() 함수와 동일합니다.

음수(-)를 자유롭게 사용할 수 있어서 뒤에서부터 문자열을 자를 때 유용하게 사용할 수 있습니다.

const str = "JavaScript";

const result1 = str.slice(0, 2);
// result1 : Ja

const result2 = str.slice(2, 6);
// result2 : vaSc

const result3 = str.slice(2);
// result3 : "vaScript"

const result4 = str.slice(-4);
// result4 : "ript"

const result5 = str.slice(-4, 5);
// result5 : ""