JavaScript

[JS] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ split() ๋ฉ”์„œ๋“œ

Irene1988 2025. 2. 19. 11:25

๐Ÿ“Œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด๊ณผ split() ์™„๋ฒฝ ์ •๋ฆฌ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ split()์€ ๋ฌธ์ž์—ด์„ ํŠน์ • ๊ตฌ๋ถ„์ž(delimiter)๋กœ ๋‚˜๋ˆ„์–ด ๋ฐฐ์—ด(Array)๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๋ฉ”์„œ๋“œ์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ฐฐ์—ด ์ž์ฒด์—๋Š” split() ๋ฉ”์„œ๋“œ๊ฐ€ ์—†์œผ๋ฉฐ, ๋ฌธ์ž์—ด(String)์—์„œ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฆ‰, split()์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ๋ฌธ์ž์—ด์„ ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜ํ•  ๋•Œ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค.

 

1๏ธโƒฃ split() ๊ธฐ๋ณธ ๋ฌธ๋ฒ•

string.split(separator, limit)
๋งค๊ฐœ๋ณ€์ˆ˜ ์„ค๋ช…
separator (ํ•„์ˆ˜) ๋ฌธ์ž์—ด์„ ๋‚˜๋ˆŒ ๊ธฐ์ค€(๊ตฌ๋ถ„์ž)
limit (์„ ํƒ) ๋ฐ˜ํ™˜ํ•  ๋ฐฐ์—ด์˜ ์ตœ๋Œ€ ๊ธธ์ด

๐Ÿ‘‰ separator๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋ฌธ์ž์—ด์„ ์ชผ๊ฐœ๊ณ , ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ‘‰ limit์„ ์„ค์ •ํ•˜๋ฉด ๋ฐฐ์—ด ๊ธธ์ด๋ฅผ ์ œํ•œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค


2๏ธโƒฃ ๊ธฐ๋ณธ์ ์ธ split() ์‚ฌ์šฉ ์˜ˆ์‹œ

let text = "์‚ฌ๊ณผ,๋ฐ”๋‚˜๋‚˜,์˜ค๋ Œ์ง€";
let fruits = text.split(",");
console.log(fruits);

๐Ÿ”น ์ถœ๋ ฅ:

["์‚ฌ๊ณผ", "๋ฐ”๋‚˜๋‚˜", "์˜ค๋ Œ์ง€"]

โœ… ์‰ผํ‘œ(,)๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋ฌธ์ž์—ด์„ ๋‚˜๋ˆ„๊ณ  ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜ํ–ˆ์Šต๋‹ˆ๋‹ค.


3๏ธโƒฃ ๊ณต๋ฐฑ์„ ๊ธฐ์ค€์œผ๋กœ ๋‚˜๋ˆ„๊ธฐ

let sentence = "์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์žฌ๋ฏธ์žˆ๋‹ค";
let words = sentence.split(" ");
console.log(words);

๐Ÿ”น ์ถœ๋ ฅ:

["์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š”", "์žฌ๋ฏธ์žˆ๋‹ค"]

โœ… ๊ณต๋ฐฑ(" ")์„ ๊ธฐ์ค€์œผ๋กœ ๋ฌธ์ž์—ด์„ ๋‚˜๋ˆ„์—ˆ์Šต๋‹ˆ๋‹ค.


4๏ธโƒฃ ๋ฌธ์ž ๋‹จ์œ„๋กœ ๋‚˜๋ˆ„๊ธฐ

let word = "HELLO";
let letters = word.split("");
console.log(letters);

 

๐Ÿ”น ์ถœ๋ ฅ:

["H", "E", "L", "L", "O"]

โœ… split("")์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ ๋ฌธ์ž ๋‹จ์œ„๋กœ ๋‚˜๋‰ฉ๋‹ˆ๋‹ค.


5๏ธโƒฃ ํŠน์ • ๋ฌธ์ž ์ œ๊ฑฐํ•˜๋ฉด์„œ ๋‚˜๋ˆ„๊ธฐ

let data = "apple|banana|grape|mango";
let fruits = data.split("|");
console.log(fruits);

๐Ÿ”น ์ถœ๋ ฅ:

["apple", "banana", "grape", "mango"]

โœ… | ๊ธฐํ˜ธ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋ฌธ์ž์—ด์„ ๋ถ„๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค.


6๏ธโƒฃ limit์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฐ์—ด ๊ธธ์ด ์ œํ•œ

let data = "์‚ฌ๊ณผ,๋ฐ”๋‚˜๋‚˜,ํฌ๋„,๋ณต์ˆญ์•„,์ˆ˜๋ฐ•";
let fruits = data.split(",", 3);
console.log(fruits);

๐Ÿ”น ์ถœ๋ ฅ:

["์‚ฌ๊ณผ", "๋ฐ”๋‚˜๋‚˜", "ํฌ๋„"]

โœ… ์ตœ๋Œ€ 3๊ฐœ์˜ ์š”์†Œ๋งŒ ๋ฐ˜ํ™˜๋ฉ๋‹ˆ๋‹ค.


7๏ธโƒฃ ๊ตฌ๋ถ„์ž๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ

๊ตฌ๋ถ„์ž ์—†์ด split()์„ ์‚ฌ์šฉํ•˜๋ฉด ์ „์ฒด ๋ฌธ์ž์—ด์„ ํ•˜๋‚˜์˜ ๋ฐฐ์—ด ์š”์†Œ๋กœ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค.

let text = "Hello World";
let result = text.split();
console.log(result);

๐Ÿ”น ์ถœ๋ ฅ:

["Hello World"]

โœ… split()์˜ separator๋ฅผ ์ƒ๋žตํ•˜๋ฉด ๋ฌธ์ž์—ด ์ „์ฒด๊ฐ€ ํ•˜๋‚˜์˜ ๋ฐฐ์—ด ์š”์†Œ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.


8๏ธโƒฃ ์ •๊ทœ์‹์„ ํ™œ์šฉํ•œ split()

๐Ÿ”น ์—ฌ๋Ÿฌ ๊ตฌ๋ถ„์ž๋ฅผ ํ•œ ๋ฒˆ์— ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ์ •๊ทœ์‹(Regex)์„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

let text = "์‚ฌ๊ณผ, ๋ฐ”๋‚˜๋‚˜; ์˜ค๋ Œ์ง€|ํฌ๋„";
let fruits = text.split(/[,;|]\s*/);
console.log(fruits);

 

๐Ÿ”น ์ถœ๋ ฅ:

["์‚ฌ๊ณผ", "๋ฐ”๋‚˜๋‚˜", "์˜ค๋ Œ์ง€", "ํฌ๋„"]

โœ… ,, ;, |๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋‚˜๋ˆ„๊ณ , \s*๋กœ ๊ณต๋ฐฑ๋„ ์ œ๊ฑฐํ–ˆ์Šต๋‹ˆ๋‹ค.


9๏ธโƒฃ ๋ฐฐ์—ด์„ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ (join())

๋ฐ˜๋Œ€๋กœ, ๋ฐฐ์—ด์„ ๋‹ค์‹œ ๋ฌธ์ž์—ด๋กœ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค๋ฉด join()์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

let fruits = ["์‚ฌ๊ณผ", "๋ฐ”๋‚˜๋‚˜", "์˜ค๋ Œ์ง€"];
let text = fruits.join(", ");
console.log(text);

๐Ÿ”น ์ถœ๋ ฅ:

"์‚ฌ๊ณผ, ๋ฐ”๋‚˜๋‚˜, ์˜ค๋ Œ์ง€"

โœ… split()์œผ๋กœ ๋ฐฐ์—ด๋กœ ๋งŒ๋“ค๊ณ , join()์œผ๋กœ ๋‹ค์‹œ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


โœ… ์ •๋ฆฌ

๋ฉ”์„œ๋“œ ์„ค๋ช…
split(separator, limit) ๋ฌธ์ž์—ด์„ ๊ตฌ๋ถ„์ž๋กœ ๋‚˜๋ˆ„์–ด ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜
split("") ๊ฐ ๋ฌธ์ž ๋‹จ์œ„๋กœ ๋‚˜๋ˆ„๊ธฐ
split(" ") ๊ณต๋ฐฑ ๊ธฐ์ค€์œผ๋กœ ๋‚˜๋ˆ„๊ธฐ
split(/์ •๊ทœ์‹/) ์—ฌ๋Ÿฌ ๊ตฌ๋ถ„์ž๋กœ ๋‚˜๋ˆ„๊ธฐ
join(separator) ๋ฐฐ์—ด์„ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜

split()์€ ๋ฌธ์ž์—ด์„ ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๋ฉ”์„œ๋“œ์ด๋ฉฐ, ๋ฐฐ์—ด ์ž์ฒด์—๋Š” ์กด์žฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
๋ฐฐ์—ด์„ ๋‹ค๋ฃฐ ๋•Œ๋Š” split()๊ณผ ํ•จ๊ป˜ join()์„ ํ™œ์šฉํ•˜๋ฉด ๋” ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค! ๐Ÿš€

 

 

*์œ„ ํฌ์ŠคํŒ…์€ ์ฑ—GPT ๋‹ต๋ณ€์„ ํ† ๋Œ€๋กœ ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.