자바스크립트에서 문자열을 자르기 위한 메서드 중 substring 메서드가 있다. slice 와 사용법이 같다. 어떤 문자열에서 특정 문자열을 추출하거나 문자열을 자르고 싶을 경우 시작위치와 끝위치를 substring 메서드의 인자값으로 작성해 주면 그만이다.
자바스크립트 문자열 자르기 substring 사용 방법
javascript string method
자바스크립트의 문자열을 자르기 위해 substring 을 사용할 수 있다.
사용법은 slice 와 같다.
원하는 문자열의 시작위치와 끝위치를 메서드의 인자값으로 넣어주면 된다.
slice 와의 차이가 있다면 substring 메서드는 음수 기호는 사용할 수 없다.
substring 문자열 자르기
문자열을 자른다기 보다는 특정 위치의 문자열을 추출한다라고 하는 것이 맞는 표현일 것이다.
어쨋든 substring 은 시작위치와 끝위치만 알면 원하는 문자열을 추출할 수 있다.
slice 메서드를 사용할 줄 안다면 substring 메서드를 사용같은 어렵지 않다.
메서드명칭만 변경해 주면 그만이기 때문이다.
사용법
자바스크립트의 문자열 자르기 메서드인 substirng은 인자값으로 시작위치와 끝위치를 가진다.
끝위치는 옵션이며, 끝위치를 기입하지 않는다면 처음위치부터 문자열을 마지막까지 문자열을 추출한다.
String.substring(시작위치);
String.substring(시작위치, 끝위치);샘플 코드
위에서 언급한 내용을 가지고 코드를 만들어 본다.
substring 은 slice 와 사용법이 같다고 언급했다.
slice 메서드와의 차이점이 있다면 substring 은 음수기호를 사용할 수 없다.
아래의 코드를 보면 하나는 시작위치만 작성되어 있고, 나머지 하나는 시작위치와 끝위치를 substring 메서드의 인자값으로 넣어주고 있다.
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 문자열 자르기</h1>
<script>
console.log("----------");
let vStr = "파이썬,자바스크립트,웹프로그래밍";
for (let lpC of vStr) {
console.log(typeof(lpC), vStr.indexOf(lpC), "-1" * (vStr.length - vStr.indexOf(lpC)), lpC);
}
console.log("----------");
let vStr1 = vStr.substring(4);
console.log(typeof(vStr1), vStr1);
let vStr2 = vStr.substring(4, 10);
console.log(typeof(vStr2), vStr2);
console.log("----------");
</script>
</body>
</html>결과화면을 보자.
시작위치와 끝위치를 살펴보기 위해 인덱스번호를 반복문을 이용해 표시해 주었다.
substring 메서드에 시작위치만을 작성해 주었을 경우
시작위치에서 문자열의 마지막까지의 추출한다.
substring 메서드에 시작위치와 끝위치를 작성해 주었을 경우
시작위치에서 끝위치까지의 문자열을 추출한다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 문자열 변환 replace 함수 사용 javascript replace method (0) | 2021.11.07 |
|---|---|
| 자바스크립트 문자열 자르기 substr 함수 사용 javascript substr function (0) | 2021.11.06 |
| 자바스크립트 slice 문자열 자르기 함수 사용 방법 javascript slice string method (0) | 2021.11.04 |
| 자바스크립트 이스케이프 특수 문자 처리 하기 javascript escape character (0) | 2021.11.03 |
| 자바스크립트 문자열 길이 문자 반복문 출력 javascript string length (0) | 2021.11.03 |
댓글