이번 포스팅에서는 Javascript의 문자열을 자르는 메서드에 대해 알아보도록 하겠습니다. 문자열을 자르는 방법으로는 Javascript에서 제공하는 문자열 객체의 메서드를 사용하거나, 정규 표현식을 활용할 수 있습니다. 아래에서는 각각의 방법을 예시 코드와 함께 설명하도록 하겠습니다.
문자열 자르는 메서드와(substr, substring, slice)
실제로 프로그래밍을 하면서 문자열을 자르는 방법 중 하나인 정규표현식을 사용하기보다는 문자열 객체의 메서드를 활용하는 것이 더욱 자주 사용됩니다. 메서드는 크게 세 가지입니다.
첫 번째로 substring() 메서드가 있습니다. 이 메서드의 기능으로는 문자열의 일부분을 추출할 수 있습니다. 예제 코드는 다음과 같습니다.
const originalString = "JavaScript 문자열 자르기 예시입니다.";
const startIndex = 11; // 시작 위치
const endIndex = 16; // 종료 위치
const slicedString = originalString.substring(startIndex, endIndex);
console.log(slicedString); // 출력: "자르기"
두 번째로는 slice() 메서드가 있습니다. 기능은 substring()과 유사하게 사용되지만 slice() 메서드는 문자열을 자를 시작 위치와 종료 위치를 지정하여 자를 수 있습니다. 예제 코드는 아래와 같습니다.
const originalString = "JavaScript 문자열 자르기 예시입니다.";
const startIndex = 11; // 시작 위치
const endIndex = 16; // 종료 위치
const slicedString = originalString.slice(startIndex, endIndex);
console.log(slicedString); // 출력: "자르기"
마지막으로 substr() 메서드가 있습니다. substr() 메서드의 가장 큰 특징은 문자열의 시작 위치와 길이를 지정하여 문자열을 추출합니다. 예시 코드는 다음과 같습니다.
const originalString = "JavaScript 문자열 자르기 예시입니다.";
const startIndex = 11; // 시작 위치
const length = 5; // 추출할 길이
const slicedString = originalString.substr(startIndex, length);
console.log(slicedString); // 출력: "자르기"
사실 이러한 문자열 객체의 메서드는 Javascript 뿐만 아니라 다른 프로그래밍 언어에도 사용할 수 있습니다. 아래의 포스팅은 참고하시길 바랍니다.
2023.02.01 - [Languages/Java] - [Java]필요에 맞게 문자열을 자르고, 구분하기(split, substring)
정규 표현식을 사용한 문자열 자르기
앞서 설명한 문자열 객체의 메서드 뿐만 아니라 정규 표현식을 사용하여 문자열을 자를 수 있습니다. 예시 코드는 다음과 같습니다.
const originalString = "JavaScript 문자열 자르기 예시입니다.";
const pattern = /자르기/g; // "자르기" 패턴을 찾음
const matches = originalString.match(pattern);
console.log(matches[0]); // 출력: "자르기"
위의 코드는 특정 패턴에 매칭되는 부분을 문자열에서 추출하는 코드입니다. 이러한 두 가지의 방법을 각각의 상황에 맞게 사용하시면 될 것 같습니다.
'Languages > Javascript' 카테고리의 다른 글
[Javascript]join 함수를 사용하여 배열의 원소 합치기 (3) | 2023.06.10 |
---|---|
[Javascript]스프레드 문법의 다양한 사용 방법(배열 합치기, 배열 복사, 배열 연결) (2) | 2023.06.05 |
[Javascript]배열 안의 요소를 더하는 여러가지 방법(배열의 합, reduce) (4) | 2023.05.19 |
[Javascript]JSON 데이터의 키의 값을 추가 및 삭제하기 (0) | 2023.05.14 |
[Javascript]동기와 비동기의 이해 콜 스택(Call Stack) 이해하기 (6) | 2023.04.10 |