JavaScript substring 뒤에서 사용하기

자바스크립트의 substring 메소드는 문자열에서 특정 부분을 추출하는 데 사용됩니다. 이 메소드를 이용하면 문자열의 일부를 선택하여 다른 변수에 할당하거나, 출력하는 등 다양한 용도로 활용할 수 있습니다. 이번 블로그에서는 substring 메소드를 문자열의 뒤에서부터 사용하는 방법에 대해 자세히 알아보겠습니다.

substring 메소드란 무엇인가요?

substring 메소드는 문자열에서 지정된 시작 위치부터 끝 위치까지의 일부 문자열을 추출합니다. 일반적으로는 문자열의 앞에서부터 추출되지만, 뒤에서부터 추출하려면 몇 가지 방법을 사용해야 합니다.

substring 메소드로 문자열 뒤에서 추출하기

substring 메소드를 사용하여 문자열의 뒤에서부터 일부를 추출하려면, 우선 문자열의 길이를 알아야 합니다. 문자열 길이를 알기 위해서는 length 속성을 사용할 수 있습니다. 따라서 다음과 같은 예제 코드를 작성할 수 있습니다:

// 예제 1: 문자열 뒤에서 5글자 추출하기
const str = 'Hello, world!';
const strLength = str.length;
const extractedStr = str.substring(strLength - 5);
console.log(extractedStr); // 결과: "world!"

위 예제에서는 "Hello, world!"라는 문자열에서 뒤에서 5글자를 추출하고 있습니다. 처음에 문자열의 길이를 알아내고, 그 다음에는 substring 메소드를 사용하여 (전체 문자열 길이 - 추출하려는 글자 수)를 전달하여 원하는 부분만 추출하였습니다. 결과적으로 "world!"가 출력됩니다.

번외: 문자열 앞에서 추출하기와 사용하기

substring 메소드를 사용하여 문자열의 뒤에서부터 추출할 수 있다는 것을 알게 되었지만, 이전처럼 문자열의 앞에서 추출하는 것도 가능합니다. 앞의 예제를 활용하여 문자열의 앞에서 추출하는 코드를 예시로 살펴보겠습니다:

// 예제 2: 문자열 앞에서 5글자 추출하기
const str = 'Hello, world!';
const extractedStr = str.substring(0, 5);
console.log(extractedStr); // 결과: "Hello"

위의 예제에서는 "Hello, world!"라는 문자열에서 앞에서부터 5글자를 추출하고 있습니다. substring 메소드의 첫 번째 매개변수에는 시작 위치를, 두 번째 매개변수에는 끝 위치를 전달하였습니다. 따라서 결과적으로 "Hello"가 출력되었습니다.

추가 예제와 활용 방법

substring 메소드는 문자열을 자를 때 매우 유용하게 사용될 수 있습니다. 다양한 상황에서 활용할 수 있는 몇 가지 예제를 살펴보겠습니다:

// 예제 3: 파일 확장자 추출하기
const filename = 'example.jpg';
const fileExt = filename.substring(filename.lastIndexOf('.') + 1);
console.log(fileExt); // 결과: "jpg"

// 예제 4: URL에서 페이지 이름 추출하기
const url = 'https://www.example.com/blog/post/123';
const pageName = url.substring(url.lastIndexOf('/') + 1);
console.log(pageName); // 결과: "123"

예제 3은 파일 이름에서 확장자를 추출하는 코드입니다. 파일 이름의 마지막 "." 이후의 문자열을 추출하여 파일 확장자를 구할 수 있습니다.

예제 4는 URL에서 페이지 이름을 추출하는 코드입니다. URL의 마지막 "/" 이후의 문자열을 추출하여 페이지 이름을 구할 수 있습니다.

결론

substring 메소드를 사용하면 문자열에서 특정 부분을 추출하는 데 활용할 수 있습니다. 이 블로그에서는 substring 메소드를 이용하여 문자열의 뒤에서부터 일부를 추출하는 방법에 대해 알아보았습니다. 예제 코드를 통해 실제 활용 방법을 확인하였으며, 추가 예제를 포함하여 다양한 상황에서의 활용 방법을 소개하였습니다.

문자열을 다루는 JavaScript 프로그래밍에서 substring 메소드는 매우 유용한 도구입니다. 앞으로도 적절한 상황에서 이 메소드를 활용하여 문자열을 효과적으로 처리할 수 있길 바랍니다.