๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Javascript

๋ฌธ์ž์—ด ๊ฐ์ฒด (4) split ๋ฉ”์„œ๋“œ

by oranssy 2022. 8. 18.
728x90
๋ฐ˜์‘ํ˜•

โญ๏ธ ๋ฌธ์ž์—ด ๊ฐ์ฒด ( split ๋ฉ”์„œ๋“œ ) โญ๏ธ


01. ํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด์˜ ์ข…๋ฅ˜ : ๋ฌธ์ž์—ด ๊ฐ์ฒด

ํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด(Standard Built-in Object)๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๊ธฐ๋ณธ์ ์œผ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฐ์ฒด๋“ค์„ ๋งํ•˜๋ฉฐ, ๋‹ค๋ฅธ ๊ฐ์ฒด์˜ ๊ธฐ์ดˆ๊ฐ€ ๋˜๋Š” ํ•ต์‹ฌ์ ์ธ ๊ฐ์ฒด ์ž…๋‹ˆ๋‹ค.
๋‚ด์žฅ ๊ฐ์ฒด์˜ ์ข…๋ฅ˜์—๋Š” Object, Fuction, String, Array, Math, Number, Event, Boolean, Data, RegExp ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.
๊ทธ ์ค‘์—์„œ ๋ฌธ์ž์—ด ๊ฐ์ฒด(String Object)๋Š” ๋ฌธ์ž์—ด์„ ์ €์žฅ/๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ๊ฐ์ฒด๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

   ___ ์ฐธ๊ณ ํ•˜๊ธฐ ___
  `1   ๋ฌธ์ž์—ด์„ ์ƒ์„ฑํ•  ๋•Œ๋Š” ''"" ๋”ฐ์˜ดํ‘œ๋ฅผ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜, new ํ‚ค์›Œ๋“œ๋ฅผ ์ด์šฉํ•ฉ๋‹ˆ๋‹ค.
  `2   ๋ฌธ์ž์—ด ๊ฐ์ฒด๋Š” ๋ถˆ๋ณ€์„ฑ์ด ์žˆ์œผ๋ฉฐ, ์ด๋กœ์จ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์˜ ์ ˆ์•ฝ๊ณผ ๋ณด์•ˆ์„ฑ ๋ฐ ๋™์‹œ์„ฑ์˜ ํŠน์ง•๋„ ํ•จ๊ป˜ ๊ฐ–์Šต๋‹ˆ๋‹ค.
      

02. split ๋ฉ”์„œ๋“œ

split( ) ๋ฉ”์„œ๋“œ๋Š” ๋ถ„ํ• ์˜ ๊ธฐ์ค€(๊ตฌ๋ถ„์ž, ๊ธฐ์ค€์ , ์ตœ๋Œ€ ๋ถ„ํ•  ๊ฐฏ์ˆ˜)์— ๋”ฐ๋ผ ๋ฌธ์ž์—ด์„ ๋ถ„ํ• ํ•˜๊ณ , ๋ถ„ํ• ๋œ ๋ฌธ์ž์—ด์„ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค.
์ด ๋•Œ ์ตœ๋Œ€ ๋ถ„ํ•  ๊ฐฏ์ˆ˜๋ฅผ ์„ค์ •ํ•˜๋ฉด ๋ฌธ์ž์—ด์˜ ์•ž๋ถ€ํ„ฐ ์ œํ•œ๋œ ๊ฐฏ์ˆ˜๋งŒํผ ๋ถ„ํ• ํ•˜๊ณ , ์„ค์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ์ „์ฒด ๋ฌธ์ž์—ด์„ ๊ธฐ์ค€์— ๋”ฐ๋ผ ๋ถ„ํ• ํ•˜์—ฌ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค.
๊ธฐ์ค€์ ์„ ๋ฌธ์ž๋กœ ์„ค์ •ํ•˜๋ฉด ๊ธฐ์ค€์ด ๋˜๋Š” ๋ฌธ์ž๋ฅผ ์ œ์™ธํ•˜๊ณ , ๋‚˜๋จธ์ง€์˜ ๋ถ„ํ• ๋œ ๋ฌธ์ž์—ด๋งŒ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค.

[1] split( ) ๋ฉ”์„œ๋“œ์˜ ํ˜•์‹

"๋ฌธ์ž์—ด".split(๊ตฌ๋ถ„์ž);
"๋ฌธ์ž์—ด".split(๊ตฌ๋ถ„์ž, ์ตœ๋Œ€ ๋ถ„ํ•  ๊ฐฏ์ˆ˜);
"๋ฌธ์ž์—ด".split(๊ธฐ์ค€์ );
"๋ฌธ์ž์—ด".split(์ •๊ทœ์‹ ํ‘œํ˜„);
"๋ฌธ์ž์—ด".split( ).๋‹ค๋ฅธ๋ฉ”์„œ๋“œ( );
// split(๊ตฌ๋ถ„์ž) ์™€ split(๊ตฌ๋ถ„์ž, ์ตœ๋Œ€ ๋ถ„ํ•  ๊ฐฏ์ˆ˜) ๋ฐ split(๊ธฐ์ค€์ ) -------------------------------------------------
    const str1 = "javascript reference";

    const currentStr1 = str1.split('');  //  ์ฒ ์ž ํ•˜๋‚˜์”ฉ ๊ตฌ๋ถ„๋˜์–ด ๋ฐฐ์—ด ['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't', ' ', 'r', 'e', 'f', 'e', 'r', 'e', 'n', 'c', 'e']
    const currentStr2 = str1.split(' ');  //  ๋„์–ด์“ฐ๊ธฐ ํ•˜๋ฉด ๋‹จ์–ด๋ฅผ ๊ตฌ๋ถ„ํ•ด์คŒ  ['javascript', 'reference']
    const currentStr3 = str1.split('', 1);  //  ['j']
    const currentStr4 = str1.split('', 2);  //  ['j', 'a']
    const currentStr5 = str1.split(' ', 1);  //  ['javascript']
    const currentStr6 = str1.split(' ', 2);  //  ['javascript', 'reference']
    const currentStr7 = str1.split('j');  //  ['', 'avascript reference']     //  ๊ธฐ์ค€์ ์ธ 'j'๋Š” ๋ฐฐ์—ด์— ํฌํ•จ๋˜์ง€ ์•Š์Œ
    const currentStr8 = str1.split('a');  //  ['j', 'v', 'script reference']     //  ๊ธฐ์ค€์ ์ธ 'a'๋Š” ๋ฐฐ์—ด์— ํฌํ•จ๋˜์ง€ ์•Š์Œ
    const currentStr9 = str1.split('v');  //  ['ja', 'ascript reference']     //  ๊ธฐ์ค€์ ์ธ 'v'๋Š” ๋ฐฐ์—ด์— ํฌํ•จ๋˜์ง€ ์•Š์Œ
    const currentStr10 = str1.split('e');  //  ['javascript r', 'f', 'r', 'nc', '']     //  ๊ธฐ์ค€์ ์ธ 'e'๋Š” ๋ฐฐ์—ด์— ํฌํ•จ๋˜์ง€ ์•Š์Œ

// ์ฃผ์†Œ์—์„œ ๋งŽ์ด ํ™œ์šฉ ----------------------------------------------------------------
    const str2 = "java/script/refer/ence";

    const currentStr11 = str2.split('/');  //  ['java', 'script', 'refer', 'ence']

// split(์ •๊ทœ์‹ ํ‘œํ˜„) ----------------------------------------------------------------
    const str3 = "java&script&refer!ence";

    const currentStr12 = str3.split('!');  //  ['java&script&refer', 'ence']
    const currentStr13 = str3.split('&');  //  ['java', 'script', 'refer!ence']
    const currentStr14 = str3.split(/&|\!/);  //  ['java', 'script', 'refer', 'ence']    // ์ •๊ทœ์‹ ํ‘œํ˜„์„ ์‚ฌ์šฉํ•˜๋ฉด ํ›จ์”ฌ ํšจ์œจ์ ์ด๋‹ค.

// "๋ฌธ์ž์—ด".split( ).๋‹ค๋ฅธ๋ฉ”์„œ๋“œ( ); ----------------------------------------------------------------
    const str4 = "javascript reference";

    const currentStr15 = str4.split('').join();  //  j,a,v,a,s,c,r,i,p,t, ,r,e,f,e,r,e,n,c,e
    const currentStr16 = str4.split('').join('*');  //  j*a*v*a*s*c*r*i*p*t* *r*e*f*e*r*e*n*c*e
    const currentStr17 = str1.split('').join('/');  //  j/a/v/a/s/c/r/i/p/t/ /r/e/f/e/r/e/n/c/e
    const currentStr18 = str4.split('').reverse().join();  //  e,c,n,e,r,e,f,e,r, ,t,p,i,r,c,s,a,v,a,j
    const currentStr19 = str4.split('').reverse().join('/');  //  e/c/n/e/r/e/f/e/r/ /t/p/i/r/c/s/a/v/a/j
728x90
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€