본문 바로가기
JAVASCRIPT

메서드 (slice / substring / substr)

by 코빈_ 2022. 8. 16.

slice() / substring() / substr()

위 세 가지의 메서드는 문자열에서 원하는 값을 추출하여 문자열로 반환한다.

"문자열".slice(시작위치)
"문자열".slice(시작위치, 끝나는위치)
// 시작 위치의 값은 끝나는 위치 값보다 작아야 합니다.
// substring() 시작 값이 끝나는 값보다 클 경우 두 값을 바꿔서 처리(에러 방지)
"문자열".substr(시작위치)
"문자열".substr(시작위치, 길이)

    // 각 주석 표시는 해당 메서드가 추출한 반환 값
    
    const str1 = "javascript reference"

    const cuurrentStr1 = str1.slice(0);                   // javascript reference
    const cuurrentStr2 = str1.slice(1);                   // avascript reference
    const cuurrentStr3 = str1.slice(2);                   // vascript reference
    const cuurrentStr4 = str1.slice(0, 1);               // j
    const cuurrentStr5 = str1.slice(0, 2);               // ja
    const cuurrentStr6 = str1.slice(0, 3);               // jav
    const cuurrentStr7 = str1.slice(1, 2);               // a 
    const cuurrentStr8 = str1.slice(1, 3);               // av
    const cuurrentStr9 = str1.slice(1, 4);               // ava
    const cuurrentStr10 = str1.slice(-1);                // e
    const cuurrentStr11 = str1.slice(-2);                // ce
    const cuurrentStr12 = str1.slice(-3);                // nce
    const cuurrentStr13 = str1.slice(-3, -1);           // nc
    const cuurrentStr14 = str1.slice(-3, -2);           // c
    const cuurrentStr15 = str1.slice(-3, -3);           //
    const cuurrentStr16 = str1.slice(1, 4);              // ava
    const cuurrentStr17 = str1.slice(4, 1);              // ''
    
    const cuurrentStr18 = str1.substring(1, 4);       // ava  // substring은 자동으로 변환해줌
    const cuurrentStr19 = str1.substring(4, 1);       // ava  // substring은 자동으로 변환해줌

    const cuurrentStr20 = str1.substr(0);                // javascript reference
    const cuurrentStr21 = str1.substr(1);                // avascript reference
    const cuurrentStr22 = str1.substr(2);                // avascript reference
    const cuurrentStr23 = str1.substr(0, 1);            // j
    const cuurrentStr24 = str1.substr(0, 2);            // ja
    const cuurrentStr25 = str1.substr(0, 3);            // jav
    const cuurrentStr26 = str1.substr(1, 2);            // av
    const cuurrentStr27 = str1.substr(1, 3);            // ava
    const cuurrentStr28 = str1.substr(1, 4);            // avas
    const cuurrentStr29 = str1.substr(-1);               // e
    const cuurrentStr30 = str1.substr(-2);               // ce
    const cuurrentStr31 = str1.substr(-3);               // nce
    const cuurrentStr32 = str1.substr(-1, 1);           // e
    const cuurrentStr33 = str1.substr(-2, 2);           // ce
    const cuurrentStr34 = str1.substr(-3, 3);           // nce

'JAVASCRIPT' 카테고리의 다른 글

정규식 표현  (4) 2022.08.16
메서드 (indexOf / lastIndexOf)  (3) 2022.08.16
내장 함수  (5) 2022.08.16
메서드 (join, push, pop)  (9) 2022.08.11
요소 선택  (6) 2022.08.05

댓글


INFORMATION

javascript

css

html