JavaScript 문자열 조작: 분할, 역방향 및 결합 사용 방법

소개

이 글에서는 세 가지 JavaScript 메소드인 Split(), reverse(), Join()을 살펴보겠습니다. 이러한 방법은 문자열 작업, 텍스트 반전, 단어 순서 변경 등의 작업을 수행하는 데 유용합니다.

전제 조건

사전 경험은 필요하지 않습니다. 단지 JavaScript에 뛰어들어 이러한 방법을 실험하려는 의지만 있으면 됩니다.

Split() 메서드

split() 메서드는 인수로 전달되는 지정된 구분 기호를 기반으로 문자열을 배열로 나눕니다. 구분 기호는 프로그램에 문자열을 "잘라낼" 위치를 알려줍니다. 예를 들어, "This is a Lovely Sandwich"와 같은 문장이 있는데 이를 개별 단어로 나누고 싶다면 공백(' ')을 구분 기호로 사용할 수 있습니다.

const string = "This is a lovely sandwich";
const splitString = string.split(" ");

인수로 공백(' ')을 제공하면 코드는 문자열에서 해당 공백을 찾아 나타날 때마다 문자열을 "분할"합니다. 이렇게 하면 각 단어가 개별 요소가 되는 배열이 생성됩니다.

위 코드의 결과는 다음과 같습니다.

Array(5) [ "This", "is", "a", "lovely", "sandwich" ]

정말 깔끔하죠?

원하는 구분 기호를 사용할 수 있습니다. 예를 들어 "안녕하세요-어떻게 지내세요!"와 같은 하이픈으로 연결된 문자열이 있는 경우 하이픈으로 분할하려면 '-'를 구분 기호로 사용하세요.

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

결과는 다음과 같습니다.

Array(6) [ "hi", "there", "how", "are", "you", "doing!" ]

이 방법은 문자열을 조작할 수 있는 많은 가능성을 열어줍니다. 하지만 지금은 다음과 같이 생각할 수도 있습니다. 좋습니다. 하지만 문자열로 시작해서 이제 배열이 생겼습니다. 문자열을 어떻게 돌려받을 수 있나요?

다음 방법으로 넘어가겠습니다.

Join() 메서드

배열에서 Join() 메서드를 사용하여 배열을 다시 문자열로 바꿀 수 있습니다. Split()과 마찬가지로 Join() 메서드는 배열 요소를 결합하는 방법을 지정하는 인수를 사용합니다. 차이점은 문자열을 분리하는 대신 Join()이 인수를 사용하여 배열 요소를 다시 단일 문자열로 결합한다는 것입니다.

예를 들어 이전의 SplitHyphen 배열을 사용하면 공백을 인수로 제공하여 이를 문자열로 다시 결합할 수 있습니다.

const joinedString = splitHyphen.join(" ");

결과는 다음과 같습니다.

"hi there how are you doing!"

마법같아! 이제 배열이 각 단어 사이에 공백이 포함된 문자열로 다시 변환됩니다.

reverse() 메서드

reverse() 메서드는 배열 요소의 순서를 원래와 반대로 변경합니다. 이 메소드는 인수 없이 배열에서 직접 호출되며 단순히 요소의 순서를 반대로 바꿉니다.

예를 들어, SplitHyphen 배열의 요소를 반대로 바꾸려면 다음과 같이 하면 됩니다.

const reversedArray = splitHyphen.reverse();

결과는 다음과 같습니다.

[ "doing!", "you", "are", "how", "there", "hi" ]

join()을 다시 사용하여 이 역배열을 다시 문자열로 바꿀 수도 있습니다.

const reversedString = reversedArray.join(" ");

다음을 제공합니다.

"doing! you are how there hi"

정말 멋지죠?

결론

이 기사에서는 JavaScript의 세 가지 필수 메소드인 Split(), reverse() 및 Join()을 살펴보았습니다. 우리는 문자열과 배열을 조작하고 유연한 방식으로 변환하기 위해 어떻게 함께 작동하는지 살펴보았습니다. 이것이 귀하의 JavaScript 여정에 도움이 되고 더 많은 실험을 하도록 영감을 주기를 바랍니다!

---

읽어주셔서 감사합니다! 질문이 있거나 JavaScript 문자열 조작에 대한 생각을 공유하고 싶다면 언제든지 Twitter @km_fsdev로 연락해 주세요.

위 내용은 JavaScript 문자열 조작: 분할, 역방향 및 결합 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!