LabEx
로그인무료 가입

JavaScript 를 이용한 문자열 조작

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 JavaScript 에서 문자열 조작의 개념을 탐구합니다. 특히, 정규 표현식 (regular expressions) 을 사용하여 문자열에서 공백을 제거하는 데 중점을 둡니다. 일련의 연습과 예제를 통해 String.prototype.replace() 메서드를 사용하여 공백 문자를 제거하고 더 깔끔하고 관리하기 쉬운 문자열을 만드는 방법에 대한 더 깊은 이해를 얻을 것입니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 100%입니다.학습자들로부터 100%의 긍정적인 리뷰율을 받았습니다.

공백 제거 함수

문자열에서 공백을 제거하려면 다음 함수를 사용하십시오.

  • 정규 표현식 (regular expression) 과 함께 String.prototype.replace()를 사용하여 모든 공백 문자를 빈 문자열로 바꿉니다.
const removeWhitespace = (str) => str.replace(/\s+/g, "");

정규 표현식 설명

  • /\s+/g는 다음과 같이 분석됩니다.
    • \s: 모든 공백 문자 (공백, 탭, 줄 바꿈) 와 일치합니다.
    • +: 이전 문자가 하나 이상 나타나는 경우와 일치합니다.
    • /g: 전역 플래그 (global flag) - 문자열의 첫 번째 발생뿐만 아니라 모든 발생과 일치합니다.

빠른 정규 표현식 참조

일반적인 공백 패턴:

  • \s - 모든 공백 (공백, 탭, 줄 바꿈) 과 일치합니다.
  • \t - 탭 문자와 일치합니다.
  • \n - 줄 바꿈 문자와 일치합니다.
  • \r - 캐리지 리턴 (carriage return) 과 일치합니다.
  • `` (공백) - 공백 문자만 일치합니다.

예를 들어,

removeWhitespace("Lorem ipsum.\n Dolor sit amet. ");
// 'Loremipsum.Dolorsitamet.'

// 추가 예시:
removeWhitespace("Hello    World"); // "HelloWorld"
removeWhitespace("Tab\there\nNew line"); // "TabhereNewline"

코딩 연습을 시작하려면 터미널/SSH 를 열고 node를 입력하십시오.

요약

축하합니다! 공백 제거 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.