JavaScript / Object / String.substring() / 문자열 추출하는 메서드
.substring()
.substring()은 문자열에서 특정 부분만 골라낼 때 사용하는 메서드입니다.
문법
string.substring( start, end )
start와 end로 문자열에서 골라낼 부분의 처음과 끝을 지정합니다. 예를 들어
var str = '123456789'; document.write( str.substring( 1, 4 ) );
는 234를 출력합니다.
start 값은 필수이며, end 값이 지정되지 않으면 문자열의 끝까지를 의미합니다.
예제 1
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>JavaScript</title> </head> <body> <script> 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 2 : ' + str.substring( 2 ) + '</p>' ); </script> </body> </html>
예제 2
jQuery를 이용하여 자르고자 하는 문자열을 선택할 수도 있습니다. 다음은 p 요소 텍스트의 앞부터 40글자만 추려내서 jbExcerpt 변수에 저장하고 출력하는 예제입니다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>jQuery</title> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script> $( document ).ready( function() { var jbExcerpt = $( 'p' ).text().substring( 0, 40 ); $( 'p' ).after( '<p>' + jbExcerpt + '</p>' ); } ); </script> </head> <body> <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> </body> </html>