ss [javascript]slice() / substring() / substr()
본문 바로가기
Javascript

[javascript]slice() / substring() / substr()

by 꿈나무개발 2022. 8. 16.
728x90

01. slice()

문자열에서 원하는 값을 추출하여 문자열을 반환하는 메서드입니다.

"문자열".slice(시작위치)
"문자열"slice(시작위치, 끝나는위치)
//시작위치의 값은 끝나는 위치 값보다 작아야 합니다.

다음은 slice() 메서드의 예시입니다.

const str1 = "javascript reference";
const currentStr1 = str1.slice(0); 
const currentStr2 = str1.slice(1); 
const currentStr3 = str1.slice(2); 
const currentStr4 = str1.slice(0, 1); 
const currentStr5 = str1.slice(0, 2); 
const currentStr6 = str1.slice(0, 3); 
const currentStr7 = str1.slice(1, 2);
const currentStr8 = str1.slice(1, 3); 
const currentStr9 = str1.slice(1, 4); 
const currentStr10 = str1.slice(-1); 
const currentStr11 = str1.slice(-2);
const currentStr12 = str1.slice(-3); 
const currentStr13 = str1.slice(-3, -1); 
const currentStr14 = str1.slice(-3, -2); 
const currentStr15 = str1.slice(-3, -3); 
const currentStr16 = str1.slice(1, 4); 
const currentStr17 = str1.slice(4, 1); 
결과보기

02. substring()

문자열에서 원하는 값을 추출하여 문자열을 반환하는 메서드입니다. 에러 방지를 위해시작값이 끝나는 값보다클 경우 두 값을 바꿔서 처리합니다.

다음은 substring() 메서드의 예시입니다.

const str1 = "javascript reference";
const currentStr1 = str1.substring(1, 4); 
const currentStr2 = str1.substring(4, 1); 
결과보기

03. substr()

문자열에서 원하는 값을 추출하여 문자열을 반환하는 메서드입니다.

"문자열".substr(시작위치)
"문자열".substr(시작위치, 길이)

다음은 substr() 메서드의 예시입니다.

const str1 = "javascript reference";
const currentStr1 = str1.substr(0); 
const currentStr2 = str1.substr(1);
const currentStr3 = str1.substr(2); 
const currentStr4 = str1.substr(0, 1); 
const currentStr5 = str1.substr(0, 2); 
const currentStr6 = str1.substr(0, 3); 
const currentStr7 = str1.substr(1, 2); 
const currentStr8 = str1.substr(1, 3); 
const currentStr9 = str1.substr(1, 4); 
const currentStr10 = str1.substr(-1); 
const currentStr11 = str1.substr(-2); 
const currentStr12 = str1.substr(-3); 
const currentStr13 = str1.substr(-1, 1); 
const currentStr14 = str1.substr(-2, 2); 
const currentStr15 = str1.substr(-3, 3); 
결과보기
728x90
반응형

댓글


HTML
CSS
JAVASCRIPT

JAVASCRIPT

자세히보기
광고 준비중입니다.