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"]