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

[JavaScript] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ - split()

by ์ฝ”๋”ฉ๊ณต์ฑ… 2022. 8. 17.
๋ฐ˜์‘ํ˜•

๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : 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']
const currentStr8 = str1.split('a');     //['j', 'v', 'script reference']
const currentStr9 = str1.split('e');     //['javascript r', 'f', 'r', 'nc', '']

const str2 = "java/script/refer/ence";
const currentStr10 = str2.split('/');   //['java', 'script', 'refer', 'ence']
            
const str3 = "java&script&refer!ence";
const currentStr11 = str3.split('!');   //['java&script&refer', 'ence']
const currentStr12 = str3.split('&');   //['java', 'script', 'refer!ence']
const currentStr13 = str3.split(/&|\!/);   //['java', 'script', 'refer', 'ence']
// & or !๊ฐ€ ๋“ค์–ด๊ฐ„ ๊ณณ์„ ๋Š์„ ๊ฒƒ์„ ์˜๋ฏธํ•จ. ์ž์„ธํ•œ๊ฑด ์ •๊ทœ์‹ ํ‘œํ˜„ ํฌ์ŠคํŒ… ์ฐธ๊ณ ํ•  ๊ฒƒ.

//join์„ ํ•ฉ์ณ ์“ธ ์ˆ˜๋„ ์žˆ๋‹ค.
const str4 = "javascript reference";
const currentStr14 = str4.split('').join();     // j,a,v,a,s,c,r,i,p,t, ,r,e,f,e,r,e,n,c,e - join()์„ ์ถ”๊ฐ€ํ•ด์„œ ๋ฐฐ์—ด ๊ด„ํ˜ธ[] ์—†์–ด์ง
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('').reverse().join();   // e,c,n,e,r,e,f,e,r, ,t,p,i,r,c,s,a,v,a,j - ๊ธ€์”จ ๋ฐ˜๋Œ€๋กœ ์ถœ๋ ฅ
const currentStr17 = str4.split('').reverse().join('/');   // e/c/n/e/r/e/f/e/r/ /t/p/i/r/c/s/a/v/a/j - ๊ธ€์”จ ๋ฐ˜๋Œ€๋กœ ์ถœ๋ ฅ , ๊ฐ€์šด๋ฐ์— ์Šฌ๋Ÿฌ์‹œ(/) ๋“ค์–ด๊ฐ
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€


Reference Book

JavaScript
HTML
CSS
๊ด‘๊ณ  ์ค€๋น„์ค‘์ž…๋‹ˆ๋‹ค.