Home
JavaScript
문자열

특정 문자열 지정하여 추출하는 방법 - .substring() .substr()

.substring()과 .substr()은 문자열에서 특정 부분만 골라낼 때 사용하는 메소드입니다. 아래의 예제를 통해서 차이점을 살펴보겠습니다.

특정 문자열 지정하여 추출하는 방법

.substring()과 .substr()은 문자열에서 특정 부분만 골라낼 때 사용하는 메소드입니다.
아래의 예제를 통해서 차이점을 살펴보겠습니다.

 

.substring() 기본형

string.substring( start, end )
  • start와 end로 문자열에서 골라낼 부분의 처음과 끝을 지정합니다.
  • end 값이 지정되지 않으면 문자열의 끝까지를 의미합니다.

예를 들어

var str = '123456789';
document.write( str.substring( 1, 4 ) );

는 234를 출력합니다.

 

예제 1

var str = '123456789';
document.write( '<p>' + str + '</p>' );
document.write( '<p>Substring from 1 to 4 : ' + str.substring( 1, 4 ) + '</p>' );
document.write( '<p>Substring from 0 to 4 : ' + str.substring( 0, 4 ) + '</p>' );
document.write( '<p>Substring from 3 : ' + str.substring( 3 ) + '</p>' );

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

 

예제 2

  • jQuery를 이용하여 자르고자 하는 문자열을 선택할 수도 있습니다.
  • 다음은 p 요소 텍스트의 앞부터 40글자만 추려내서 Excerpt 변수에 저장하고 출력하는 예제입니다. 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet. Proin gravida velit dictum dui consequat malesuada.</p>
$( document ).ready( function() {
  var Excerpt = $( 'p' ).text().substring( 0, 40 );
  $( 'p' ).after( '<p>' + Excerpt + '</p>' );
});

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

 

.substr() 기본형

string.substr( start, length )
  • start로 시작 위치를 정하고 length로 잘라낼 문자열의 길이를 정합니다.
  • length를 지정하지 않으면 문자열의 끝까지를 가져옵니다.

예를 들어

var str = '123456789';
document.write( str.substr( 1, 4 ) );

는 2345을 출력합니다.

 

예제

var str = '123456789';
document.write( '<p>' + str + '</p>' );
document.write( '<p>substr( 1, 4 ) : ' + str.substr( 1, 4 ) + '</p>' );
document.write( '<p>substr( 0, 4 ) : ' + str.substr( 0, 4 ) + '</p>' );
document.write( '<p>substr( 3 ) : ' + str.substr( 3 ) + '</p>' );

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

같이 보면 좋은 글

Post a Comment