[javascript] slice() / substring() / substr() /indexOf()

문자열을 자르는 메서드

문서를 자르는 메서드slice(), substring(), substr()등을 정리해 보았습니다.
또한 indexOf() 메서드도 정리하였고 출력값은 주석처리로 표현하였습니다.

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

slice는 시작위치와 끝나는 위치를 정해주어야 하는 메서드입니다.
시작지점과 끝지점중 끝지점이 커야 합니다,
또한 시작위치가 음수 일 경우 문자열 뒤에서 부터 시작합니다.

substring()

"문자열".spilt(구분자);
"문자열".spilt(정규식 표현);
"문자열".spilt(구분자, 갯수);

const currentStr18 = str1.substring(4, 1); //ava
    const currentStr19 = str1.substring(1, 4); //ava 값을 알아서 받아서 순서를 잘 출력한다.

substring()은 slice와 비슷하지만 시작위치와 끝나는 위치를 반대로 입력해도 자동으로 앞에서부터 출력합니다.

substr()

배열 요소 문자열을 결합하고 문자열을 반환한다.
substr(시작위치)
substr(시작위치, 길이)

const currentStr20 = str1.substr(0); //.
    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

substr은 시작위치와 몇번쨰 단어까지 읽을 지 정해줍니다.
형식은 substr(시작위치), substr(시작위치, 길이)입니다.
시작위치만 정해주면 시작위치부터 끝 부분까지 모두 출력합니다.
시작위치가 음수이면 문자열 뒤에서부터 시작합니다.

indexOf()

문자열에서 특정 문자의 위치를 찾고 숫자를 반환합니다.

"문자열".indexOf(검색값); "문자열".indexOf(검색값, 위치값);

const str1 = "javascript reference"
    const currentStr1 = str1.indexOf("javascript"); //0
    const currentStr2 = str1.indexOf("reference"); //11
    const currentStr3 = str1.indexOf("j"); //0
    const currentStr4 = str1.indexOf("a"); //1
    const currentStr5 = str1.indexOf("v"); //2
    const currentStr6 = str1.indexOf("jquery"); //-1
    const currentStr7 = str1.indexOf("b"); //-1 데이터값이 없으면 -1
    const currentStr8 = str1.indexOf("javascript", 0);  //  0
    const currentStr9 = str1.indexOf("javascript", 1);  // -1
    const currentStr10 = str1.indexOf("reference", 0);  // 11
    const currentStr11 = str1.indexOf("reference", 1);  // 11
    const currentStr12 = str1.indexOf("reference", 11); // 11
    const currentStr13 = str1.indexOf("reference", 12); // -1

    console.log(currentStr3);

indexOf는 특정문자의 위치를 찾고 숫자를 반환합니다.
특정 문자열을 변수에 집어 넣고 indexOf()메서드를 사용해 보았습니다.
형식은 "문자열".indexOf(검색값), "문자열".indexOf(검색값, 위차값)입니다.
위 문항에서 대입해 보았고 주의할 점은 데이터 값이 없으면 -1을 반환합니다.