[Javascript ] substr() / substring() - 문자열 자르기

substr()

문자열을 자르는 메서드. 문자열의 특정 위치에서 시작해 일정 길이의 문자를 반환한다.

기본 형태는 다음과 같다.

str.substr(start[, length])

 

substring()

문자열을 자르는 메서드. 대상 문자열의 시작 인덱스로부터 종료 인덱스 전까지의 문자열을 반환한다.

기본 형태는 다음과 같다.

str.substring(indexStart[, indexEnd])

 

substr()와 substring()의 차이

substr의 두 번째 인자는 반환할 문자의 총 개수를 지정한다. 반면 substring의 두 번째 인자는 종료 인덱스를 지정한다. (slice와 유사)

예시를 통해 두 가지 메서드의 차이점을 확인해보자.

// substr
let str = "abcdefg";
str.substr(1)  // 'bcdefg'
str.substr(2,4)  // 'cdef'

// substring
str.substring(1)  // 'bcdefg'
str.substring(2,4)  // 'cd'

 

substr() 사용 시 주의

현재 ECMAScript 표준은 substr의 사용을 지양할 것을 권고하고 있다. 웹 표준에서 배제한 것은 아니지만, 이 메서드의 기능이 바람직하지 않은 특징을 갖고 있는 관계로 다른 메서드로 대체해서 사용할 것을 권한다고. 자세한 사항은 MDN을 참고하자. substr 페이지 최상단에 경고 메시지가 기재되어있다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/substr

String.prototype.substr() - JavaScript | MDN

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/substring

String.prototype.substring() - JavaScript | MDN