[JAVASCRIPT] 문자열 메서드 : Slice(), substring(), substr()

자바스크립트 : 문자열 메서드
slice(), substring(), substr()

slice(), substring(), substr()는 문자열 메서드의 변경 타입으로 문자열에서 원하는 값을 추출하여 문자열을 반환하는 메서드입니다.

---

#1. slice( )

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

! 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, 1);   //값이 나오지 않는다. (끝나는 위치는 시작 위치보다 항상 커야 한다.)
const currentStr8 = str1.slice(1, 2);   //a
const currentStr9 = str1.slice(1, 3);   //av
const currentStr10 = str1.slice(1, 4);  //avs
const currentStr11 = str1.slice(-1);    //e : 음수면 뒤에서 부터 출력된다.
const currentStr12 = str1.slice(-2);    //ce : 음수면 뒤에서 부터 출력된다.
const currentStr13 = str1.slice(-3);    //nce : 음수면 뒤에서 부터 출력된다.
const currentStr14 = str1.slice(-3, -1); //nc : 음수는 수가 작을 수록 큰 숫자이기 때문에 주의해서 사용!
const currentStr15 = str1.slice(-3, -2); //n : 음수는 수가 작을 수록 큰 숫자이기 때문에 주의해서 사용!
const currentStr16 = str1.slice(-3, -3); //값이 나오지 않는다. (끝나는 위치는 시작 위치보다 항상 커야 한다.)

! point ! 시작 위치의 값은 끝나는 위치의 값보다 작아야 합니다.

---

#2. substring( )

substring() 메서드는 slice()와 마찬가지로 문자열에서 원하는 값을 추출하여 문자열을 반환합니다. 하지만 substring()은 시작 값이 끝나는 값보다 클 경우 자동으로 두 값을 바꿔서 처리해주기 때문에 에러가 나지 않는다는 특징이 있습니다.

! substring( ) 사용 방법 !
"문자열"substring(시작 위치)

const str1 = "javascript reference"

const currentStr1 = str1.substring(4, 1); //ava : 끝나는 값이 시작 값보다 작기 때문에 두 값을 바꿔서 처리함
const currentStr2 = str1.substring(1, 4); //ava 

//slice()와 비교
const currentStr18 = str1.slice(4, 1);  //slice()은 자동으로 처리가 되지 않기 때문에 에러가 떠서 값이 나오지 않는다.

! point ! 시작 값이 끝나는 값보다 클 경우 자동으로 두 값을 바꿔서 처리해주기 때문에 에러가 나지 않습니다.

---

#3. substr( )

substr() 메서드는 slice()와 거의 동일한 메서드 입니다. 하지만 웹 표준에서 제외된 메서드이기 때문에 잘 사용하지는 않습니다.

! substr( ) 사용 방법 !
"문자열"substr(시작 위치, 길이값)

const str1 = "javascript reference"

const currentStr21 = str1.substr(0); //javascript reference
const currentStr22 = str1.substr(1); //avascript reference
const currentStr23 = str1.substr(2); //vascript reference
const currentStr24 = str1.substr(0, 1); //j
const currentStr25 = str1.substr(0, 2); //ja
const currentStr26 = str1.substr(0, 3); //jav
const currentStr27 = str1.substr(1, 2); //av
const currentStr28 = str1.substr(1, 3); //ava
const currentStr29 = str1.substr(1, 4); //avas
const currentStr30 = str1.substr(-1); //e
const currentStr31 = str1.substr(-2); //ce
const currentStr32 = str1.substr(-3); //nce
const currentStr33 = str1.substr(-1, 1); //e
const currentStr34 = str1.substr(-2, 2); //ce
const currentStr35 = str1.substr(-3, 3); //nce