Javascript

[javascript] ๋ฌธ์ž์—ด ์ž๋ฅด๊ธฐ substr / substring / slice / splice / split

ddon 2021. 6. 6. 00:08

javascript์—์„œ ๋ฌธ์ž์—ด, ๋ฐฐ์—ด์„ ์ž๋ฅด๋Š” ๋ฉ”์†Œ๋“œ๋กœ๋Š” substr / substring / slice / splice / split ๋‹ค์„ฏ๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค.

 

1. substr : ์‹œ์ž‘ ์ธ๋ฑ์Šค์™€ ๊ธธ์ด(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฌธ์ž์—ด ์ž๋ฅด๊ธฐ

2. substring : ์‹œ์ž‘ ์ธ๋ฑ์Šค์™€ ๋ ์ธ๋ฑ์Šค(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฌธ์ž์—ด ์ž๋ฅด๊ธฐ

3. slice : ์‹œ์ž‘ ์ธ๋ฑ์Šค์™€ ๋ ์ธ๋ฑ์Šค(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฌธ์ž์—ด ๋˜๋Š” ๋ฐฐ์—ด ์ž๋ฅด๊ธฐ

4. splice : ์‹œ์ž‘ ์ธ๋ฑ์Šค์™€ ๊ธธ์ด(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฐฐ์—ด ์ž๋ฅด๊ธฐ

5. split : ๋ฌธ์ž์—ด์„ ๋‚˜๋ˆŒ ๊ตฌ๋ถ„์ž์™€, ์ž˜๋ผ์ง„ ๋ฌธ์ž์—ด์˜ ์ตœ๋Œ€ ๊ฐฏ์ˆ˜(์ƒ๋žต ๊ฐ€๋Šฅ)๋ฅผ ์ •ํ•ด์„œ ๋ฌธ์ž์—ด ์ž๋ฅด๊ธฐ

 

const str = 'Hello, world!';
const arr = [0, 1, 2, 3, 4, 5];
const arr2 = [0, 1, 2, 3, 4, 5];

// substr(์‹œ์ž‘ ์ธ๋ฑ์Šค, ๊ธธ์ด) : ๊ธธ์ด๋Š” ์ƒ๋žต ๊ฐ€๋Šฅ
str.substr(1, 3);	// ell
str.substr(3);		// lo, world!

// substring(์‹œ์ž‘ ์ธ๋ฑ์Šค, ๋ ์ธ๋ฑ์Šค) : ๋ ์ธ๋ฑ์Šค ์ƒ๋žต ๊ฐ€๋Šฅ
str.substring(1, 3);	// el
str.substring(3);	// lo, world!

// slice(์‹œ์ž‘ ์ธ๋ฑ์Šค, ๋ ์ธ๋ฑ์Šค) : ๋ ์ธ๋ฑ์Šค ์ƒ๋žต ๊ฐ€๋Šฅ
str.slice(1, 3);	// el
str.slice(3);		// lo, world!
arr.slice(1, 3);	// [1, 2] => arr๋Š” ๊ทธ๋Œ€๋กœ [0, 1, 2, 3, 4, 5]
arr.slice(3);		// [3, 4, 5] => arr๋Š” ๊ทธ๋Œ€๋กœ [0, 1, 2, 3, 4, 5]

// splice(์‹œ์ž‘ ์ธ๋ฑ์Šค, ๊ธธ์ด) : ๊ธธ์ด๋Š” ์ƒ๋žต ๊ฐ€๋Šฅ
arr.splice(1, 3);	// [1, 2, 3] => arr๋Š” ๊ฒฐ๊ณผ๊ฐ’์„ ์ œ์™ธํ•œ [0, 4, 5]
arr2.splice(3);		// [3, 4, 5] => arr๋Š” ๊ฒฐ๊ณผ๊ฐ’์„ ์ œ์™ธํ•œ [0, 1, 2]

// split(๊ตฌ๋ถ„์ž, ์ž˜๋ผ์ง„ ๋ฌธ์ž์—ด์˜ ์ตœ๋Œ€ ๊ฐฏ์ˆ˜) : ์ตœ๋Œ€ ๊ฐฏ์ˆ˜๋Š” ์ƒ๋žต ๊ฐ€๋Šฅ
str.split(',');		// ["Hello", " world!"]
str.split(',', 1);	// ["Hello"]