자바스크립트에서 문자열의 일정 부분만 잘라서 가져오는 방법을 알아봅니다. 어떻게할까요? 이 경우 전체 문자열 중 일부를 잘라내야 할 필요가 있습니다. 이 때 substr() 함수를 사용합니다. 먼저 간단한 사용 방법은 아래와 같습니다.

'문자열'.substr(시작위치, 나타낼 문자길이)

문자열의 길이를 자르는 방법은 매우 자주 사용됩니다. 그렇다면 언제 왜 사용할까요?



# 문자열 자르기 substr()는 언제 필요한가
문자열의 일부를 가져와야할 경우는 매우 많습니다. 특히 아래와 같은 상황에 필요합니다. 더 많이 사용됩니다.
 
  • i. 제목이나 글의 내용 중 일부만 보여줄 경우
  • ii. 날짜 및 이메일 정보 중 일부만 보여주기
  • iii. 입력된 주소에서 일부만 필요한 경우

위와 같은 경우 substr()을 이용하여 문자열의 일부만 가져와 사용할 수 있죠. 그럼 아래 예제를 참고하세요.



# substr()함수 사용 예제보기
아래 예제를 봐주세요. 아래예제는 문자열을 가진 변수 myStr에서 텍스트의 일부만 잘라서 출력하는 예제입니다.
var myStr = ’webisfree.com’;
var result = myStr.substr(2, 7); // 3번째 문자부터 연속한 7개 문자

alert(result);

실행결과는 아래와 같습니다.
bisfree // 선택한 일부 텍스트 문자만 출력


! 날짜의 일부만 가져오는 예제보기
이번에는 날짜값의 일부를 가져오는 방법을 알아봅니다. 만약 오늘 날짜에서 몇 월인지 값만 잘라 가져오는 경우 아래처럼 할 수 있죠.
today = new Date().toUTCString(); 
//  'Tue, 08 Jan 2019 00:38:55 GMT' 출력됨

이제 위 값에서  Jan의 값만 가져와 보겠습니다. substr()을 사용합니다.
today.substr(8,3)

//  "Jan" 값이 출력됨


! 문자열의 뒤부터 가져오는 방법 예제
다음은 문자열의 앞부터 시작하는 것이 아니라 뒤부터 값을 가져와 반환하는 방법입니다. 이 방법 역시 매우 많이 사용됩니다. 이번에는 위 시간 값에서 현재 몇 분인지 값을 가져와 보려고합니다. 몇 분에 해당하는 값은 -9 위치에 있으며 두 자리 이므로 2를 사용... substr(-9, 2)를 실행합니다.
today = new Date().toUTCString();
//  'Tue, 08 Jan 2019 00:38:55 GMT' 출력됨

today.substr(-9, 2)

출력하면 원하는 분 값이 출력되죠.
'38'


여기까지 자바스크립트에서 문자열을 자르는 방법을 알아보았습니다. 참고로 substr() 함수는 php의 함수명과 같아서 함께 외워두면 좋습니다.