JAVASCRIPT | 문자열 메서드 | slice( ), substring( ), substr( )

문자열 메서드(변경)에 대해 알아보자 !

다양한 문자열 메서드 중 문자열에서 원하는 값을 추출하여 문자열로 반환하는 slice(), substring(), substr()에 대해 알아봅시다.

---

01. slice( );

"문자열".slice(시작 위치)
"문자열".slice(시작 위치, 끝나는 위치)
//문자열을 배열처럼 생각하고 하나씩 부른다
//시작 위치의 값 < 끝나는 위치의 값

const str1 = "javascript reference";
const currentstr1 = str1.slice(0);  //javascript reference
const currentstr2 = str1.slice(1);  //avascript reference
const currentstr3 = str1.slice(2);  //vascript reference
const currentstr4 = str1.slice(0, 1);  //j
const currentstr5 = str1.slice(0, 2);  //ja
const currentstr6 = str1.slice(0, 3);  //jav
const currentstr7 = str1.slice(1, 2);  //a
const currentstr8 = str1.slice(1, 3);  //av
const currentstr9 = str1.slice(1, 4);  //ava
const currentstr10 = str1.slice(-1);  //e 뒤에서부터 소환
const currentstr11 = str1.slice(-2);  //ce
const currentstr12 = str1.slice(-3);  //nce
const currentstr13 = str1.slice(-3, -1);  //nc (앞뒤 마이너스 값은 크기 잘 보고 적어야함)
const currentstr14 = str1.slice(-3, -2);  //n
const currentstr15 = str1.slice(-3, -3);  //
const currentstr16 = str1.slice(1, 4);  //ava
const currentstr17 = str1.slice(4, 1);  //''에러(null값)

02. substring( );

//시작 위치의 값 < 끝나는 위치의 값
//시작값이 끝나는 값보다 클 경우 두 값을 바꿔서 처리(에러 방지)

const currentstr16 = str1.slice(1, 4);  //ava
const currentstr17 = str1.slice(4, 1);  //''에러(null값)
const currentstr18 = str1.substring(1, 4);  //ava
const currentstr19 = str1.substring(4, 1);  //ava (slice에서는 에러가 뜨지만 substring은 자동으로 바꿔서 처리)

03. substr( );

"문자열".substr(시작 위치)
"문자열".substr(시작 위치, 길이)
//웹표준에는 없어졌지만 쓸 수는 있다.

const currentstr20 = str1.substr(0);  //javascript reference
const currentstr21 = str1.substr(1);  //avascript reference
const currentstr22 = str1.substr(2);  //vascript reference
const currentstr23 = str1.substr(0, 1);  //j
const currentstr24 = str1.substr(0, 2);  //ja
const currentstr25 = str1.substr(0, 3);  //jav
const currentstr26 = str1.substr(1, 2);  //av
const currentstr27 = str1.substr(1, 3);  //ava
const currentstr28 = str1.substr(1, 4);  //avas
const currentstr29 = str1.substr(-1);  //e
const currentstr30 = str1.substr(-2);  //ce
const currentstr31 = str1.substr(-3);  //nce
const currentstr32 = str1.substr(-1, 1);  //e
const currentstr33 = str1.substr(-2, 2);  //ce
const currentstr34 = str1.substr(-3, 3);  //nce