[TypeScript] 문자열 다루기 - trim(), split(), join(), reverse() 활용

[TypeScript] 문자열 다루기 - trim(), split(), join(), reverse() 활용

📌 문자열 조작이 중요한 이유

JavaScript와 TypeScript에서 **문자열 조작(String Manipulation)**은 데이터 처리에서 필수적인 기능입니다. 특히 알고리즘 문제를 풀거나, 텍스트 데이터를 변환할 때 유용하게 사용됩니다.

이 글에서는 trim(), split(), join(), reverse() 메서드를 활용하여 문자열을 효과적으로 처리하는 방법을 정리합니다. 🚀

---

✅ 1️⃣ trim() - 문자열 앞뒤 공백 제거

📌 기본 사용법

const str = "   Hello World!   ";
console.log(str.trim()); // 출력: "Hello World!"

✅ trim()은 문자열 앞뒤 공백을 제거할 때 사용합니다.

📌 trimStart()와 trimEnd()

• trimStart() → 문자열의 앞 공백만 제거
• trimEnd() → 문자열의 뒤 공백만 제거

console.log(str.trimStart()); // "Hello World!   "
console.log(str.trimEnd());   // "   Hello World!"

✅ 필요에 따라 앞뒤 공백만 제거할 수도 있음

---

✅ 2️⃣ split() - 문자열을 배열로 변환

📌 기본 사용법

const sentence = "The quick brown fox";
const words = sentence.split(" ");
console.log(words); // 출력: ["The", "quick", "brown", "fox"]

✅ split(delimiter)을 사용하면 특정 구분자로 문자열을 나눠 배열로 변환할 수 있음

📌 공백이 여러 개일 때 (split(/\s+/))

const messy = "  The   quick brown    fox ";
const cleanWords = messy.trim().split(/\s+/);
console.log(cleanWords); // ["The", "quick", "brown", "fox"]

✅ 정규식 /\s+/를 활용하면 연속된 공백을 하나로 줄일 수 있음!

---

✅ 3️⃣ join() - 배열을 문자열로 변환

📌 기본 사용법

const wordsArray = ["The", "quick", "brown", "fox"];
console.log(wordsArray.join(" ")); // "The quick brown fox"

✅ 배열을 join(delimiter)로 다시 문자열로 변환 가능

📌 split()과 join()을 함께 사용하기

const original = "  The   quick brown    fox ";
const cleaned = original.trim().split(/\s+/).join(" ");
console.log(cleaned); // "The quick brown fox"

✅ 불필요한 공백 제거 + 문자열 변환을 한 번에 수행 가능!

---

✅ 4️⃣ reverse() - 문자열을 뒤집기

📌 배열을 활용한 문자열 뒤집기

const text = "hello";
const reversed = text.split("").reverse().join("");
console.log(reversed); // "olleh"

✅ 문자열을 배열로 변환 후 뒤집은 뒤 다시 문자열로 변환 가능

📌 단어 순서 뒤집기

const sentence = "The quick brown fox";
const reversedWords = sentence.split(" ").reverse().join(" ");
console.log(reversedWords); // "fox brown quick The"

✅ 단어 순서를 뒤집어야 할 때 유용!

---

📌 최종 정리

메서드 역할 예제

trim()	앞뒤 공백 제거	" hello ".trim() → "hello"
split()	문자열을 배열로 변환	"a b c".split(" ") → ["a", "b", "c"]
join()	배열을 문자열로 변환	["a", "b", "c"].join(" ") → "a b c"
reverse()	배열 순서를 뒤집기	["a", "b", "c"].reverse() → ["c", "b", "a"]

💡 이제 문자열을 다룰 때 더 효과적으로 조작할 수 있어요! 🚀