본문 바로가기
Javascript

문자열 객체 slice() / substring() / substr()

by 코딩대원 2022. 8. 17.

문자열 객체

문자열 객체에서 사용하는 메서드 중 slice() / substring() / substr()에 대해 알아보는 시간을 가지도록 하겠습니다.


01. 문자열 메서드 : 변경 : slice() : 문자열에서 원하는 값을 추출(문자열)★★

셋 중 가장 많이 사용하며, 시작위치는 끝나는 위치보다 작아야합니다.
slice(시작위치), lice(시작위치,끝나는 위치) 형태로 사용합니다.


{
    //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);  //avs
    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);  //''
}

02. 문자열 메서드 : 변경 : substring() : 문자열에서 원하는 값을 추출(문자열)

시작값이 끝나는 값보다 클 경우 두 값을 바꿔서 처리함으로써 에러를 방지 해줍니다.

{
    const currentStr18 = str1.substring(1, 4);  //ava
    const currentStr19 = str1.substring(4, 1);  //ava           
}

03. 문자열 메서드 : 변경 : substr() : 문자열에서 원하는 값을 추출(문자열)

substr(시작위치), 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
}

'Javascript' 카테고리의 다른 글

문자열 결합 / 템플릿 문자열  (2) 2022.08.17
indexOf() / lastIndexOf()  (2) 2022.08.17
정규식 표현  (5) 2022.08.17
내장 함수  (5) 2022.08.12
배열 객체 join() / push() / pop()  (5) 2022.08.11

댓글


HTML
CSS

JAVASCRIPT

자세히 보기