Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- checkbox readonly
- 문자열
- 문자열 추출
- 세자리 콤마
- JavaScript
- tolowercase
- 스크립트 시계
- radio readonly
- css 말풍선
- 콤마 추가
- 보이스오버
- not 선택자
- css not
- 말풍선 그리기
- 별표시
- mac 바탕화면 보기
- touppercase
- 숫자 증가
- 자바스크립트
- JS
- 천단위 나누기
- Replace
- 특정요소제외
- mac 전체화면 보기
- 문자열 함수
- mac 전체화면 닫기
- SubString
- 카운트 증가
- 문자 위치
- 특정태그제외
Archives
- Today
- Total
나의 IT Note
[JavaScript] substring() 문자열 추출하기 - 자바스크립트 본문
String.substring()
문자열에서 indexStart부터 indexEnd전까지의 문자들을 추출하여 반환하는 함수(indexEnd가 없다면 문자열의 끝까지 추출 후 반환)
원본 문자열은 변경되지 않는다.
문법(Syntax)
str.substring(indexStart[, indexEnd])
매개변수(parameter)
1. indexStart
- 문자열에서 추출을 시작하는 index 위치
- str.length보다 크거나 같으면 빈 문자열 반환
- 0 또는 음수인 경우 indexStart를 0으로 처리하여 전체 문자열을 반환
문자열: hello world | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
h | e | l | l | o | 공백 | w | o | r | l | d | |
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
let str = 'hello world';
str.substring(4); // o world
str.substring(10); // ''
str.substring(0); // hello world
str.substring(-5); // hello world
2. indexEnd(optional)
- 문자열 추출 종료 index 위치
- indexEnd가 없다면 문자열의 끝까지 추출 후 반환
- indexStart보다 indexEnd가 작다면 indexStart와 indexEnd의 값을 변경하여 처리한다.
- 0 또는 음수인 경우 indexStart와 indexEnd의 값을 변경하여 처리한다.
let str = 'hello world';
str.substring(2, 5); // llo
str.substring(5, 2); // llo ➡ substring(2, 5)
str.substring(-2, 5); // hello
str.substring(2, -1); // he ➡ substring(-1, 2)
length를 사용하여 마지막 문자열 추출 가능
let str = 'hello world';
str.substring(str.length - 3); // rld
slice/substr/substring 비교
문자열 hello world | |||||||
---|---|---|---|---|---|---|---|
fn(3) | fn(-3) | fn(0, 3) | fn(3, 6) | fn(6, 3) | fn(-6, 3) | fn(8, 8) | |
slice() | lo world | rld | hel | lo | 빈 문자열 | 빈 문자열 | 빈 문자열 |
substr() | lo world | rld | hel | lo wor | wor | wo | rld |
substring() | lo world | hello world | hel | lo | lo | hel | 빈 문자열 |
반응형
'JavaScript' 카테고리의 다른 글
[JavaScript] toLowerCase() 소문자로 변환 - 자바스크립트 (0) | 2021.08.01 |
---|---|
[JavaScript] slice() 문자열 추출하기 - 자바스크립트 (0) | 2021.07.31 |
[JavaScript] substr() 문자열 추출하기 - 자바스크립트 (0) | 2021.07.29 |
[JavaScript] split() 문자열 분할하기 - 자바스크립트 (0) | 2021.07.28 |
[JavaScript] replace() 문자열 변환/치환하기 - 자바스크립트 (0) | 2021.07.26 |
Comments