slice() | substring() | substr()

slice()

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

"문자열".slice(시작위치)
"문자열".slice(시작위치, 끝나는위치)

const str = "javascript reference"
const currenStr1 = str.slice(0); //javascript reference
const currenStr2 = str.slice(1); //avascript reference
const currenStr3 = str.slice(2); //vascript reference
const currenStr4 = str.slice(0, 1); //j
const currenStr5 = str.slice(0, 1); //j
const currenStr6 = str.slice(0, 2); //ja
const currenStr7 = str.slice(1, 2); //a
const currenStr8 = str.slice(1, 3); //av
const currenStr9 = str.slice(1, 4); //ava
const currenStr10 = str.slice(-1); //e
const currenStr11 = str.slice(-2); //ce
const currenStr12 = str.slice(-3); //nce
const currenStr13 = str.slice(-3, -1); //nc
const currenStr14 = str.slice(-3, -2); //n
const currenStr15 = str.slice(-3, -3); //''

const currenStr16 = str.slice(1, 4); //ava
const currenStr17 = str.slice(4, 1); //''

---

substring( )

substring() 메서드는 slice 메서드의 단점을 보완했습니다.

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

const currenStr18 = str.substring(1, 4); //ava
const currenStr19 = str.substring(4, 1); //ava

---

substr( )

substr() 메서드는 시작위치 기준으로 길이만큼 문자열을 반환합니다.

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

const currenStr20 = str.substr(0); //javascript reference
const currenStr21 = str.substr(1); //avascript reference
const currenStr22 = str.substr(2); //vascript reference
const currenStr23 = str.substr(0, 1); //j
const currenStr24 = str.substr(0, 2); //ja
const currenStr25 = str.substr(0, 3); //jav
const currenStr26 = str.substr(1, 2); //av
const currenStr27 = str.substr(1, 3); //ava
const currenStr28 = str.substr(1, 4); //avas
const currenStr29 = str.substr(-1); //e
const currenStr30 = str.substr(-2); //ce
const currenStr31 = str.substr(-3); //nce
const currenStr32 = str.substr(-1, 1); //e
const currenStr33 = str.substr(-2, 2); //ce
const currenStr34 = str.substr(-3, 3); //nce