slice() / substring() / substr()

slice() / substring() / substr()

slice() / substring() / substr()은 문자열에서 원하는 값을 추출하여 문자열을 반환하는 메서드 입니다.

---

slice()

배열로부터 특정 범위값을 추출하여, 문자열로 반환 합니다.

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

const str1 = "javascript reference";
const currenStr1 = str1.slice(0);  
const currenStr2 = str1.slice(1);  
const currenStr3 = str1.slice(2);  
const currenStr4 = str1.slice(0, 1);  
const currenStr5 = str1.slice(0, 2);  
const currenStr6 = str1.slice(0, 3); 
const currenStr7 = str1.slice(1, 2);  
const currenStr8 = str1.slice(1, 3);  
const currenStr9 = str1.slice(1, 4);  
const currenStr10 = str1.slice(-1);  
const currenStr11 = str1.slice(-2);  
const currenStr12 = str1.slice(-3);  
const currenStr13 = str1.slice(-3, -1);  
const currenStr14 = str1.slice(-3, -2);  
const currenStr15 = str1.slice(-3, -3);  // ' '

결과보기

javascript reference
javascript reference
avascript reference
vascript reference
j
ja
jav
a
av
ava
e
ce
nce
nc
n

const currenStr4 = str1.slice(0, 1);

끝나는 위치의 값이 시작 위치의 값보다 커야합니다.

const currenStr10 = str1.slice(-1);

값이 음수일 때는 뒤에서 부터 시작합니다.

substring()

문자열의 시작부터 끝까지 반환하는 메서드 입니다.

"문자열".substring(시작위치)
"문자열".substring(시작위치, 끝나는위치)
//substring() 시작값이 끝나는 값보다 클 경우 두 값을 바꿔서 처리(에러 방지)

const currenStr16 = str1.slice(1, 4);  
const currenStr17 = str1.slice(4, 1);  // ' '
const currenStr18 = str1.substring(1, 4);  
const currenStr19 = str1.substring(4, 1);  

결과보기

ava

ava
ava

const currenStr17 = str1.slice(4, 1); // ' '
const currenStr19 = str1.substring(4, 1);

str1.slice(4, 1)의 경우 시작위치 값이 끝나는 위치의 값보다 커서 값이 반환이 되지 않지만, str1.substring(4, 1)의 경우 자동으로 두 값을 바꿔서 처리 하기 때문에 값이 출력 됩니다.

substr()

문자열에서 특정 부분만 선택하여 값을 반환할 때 사용하는 메서드 입니다.

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

const currenStr20 = str1.substr(0);  
const currenStr21 = str1.substr(1);  
const currenStr22 = str1.substr(2);  
const currenStr23 = str1.substr(0, 1); 
const currenStr24 = str1.substr(0, 2);  
const currenStr25 = str1.substr(0, 3);  
const currenStr26 = str1.substr(1, 2);  
const currenStr27 = str1.substr(1, 3);  
const currenStr28 = str1.substr(1, 4);  
const currenStr29 = str1.substr(-1);  
const currenStr30 = str1.substr(-2);  
const currenStr31 = str1.substr(-3); 
const currenStr32 = str1.substr(-1, -1);
const currenStr33 = str1.substr(-1, -2);
const currenStr34 = str1.substr(-1, -3);

결과보기

javascript reference
avascript reference
vascript reference
j
ja
jav
av
ava
avas
e
ce
nce