텍스트 내에서 패턴을 찾기 위한 도구인 Regex(정규 표현식)를 사용하여 문자열 내부의 공백을 JavaScript로 바꾸는 방법을 알아보세요.
Regex(종종 "RegEx 또는 "RegExp"로 표기됨)는 문자열(텍스트) 작업을 위한 고성능 도구입니다. 정규식의 가장 일반적인 사용 사례는 다음과 같습니다.
- 텍스트 유효성 검사
- 텍스트 검색
오늘은 정규식을 사용하여 한 줄의 텍스트(문자열)에 있는 모든 공백을 아무것도으로 바꾸는 간단한 예에서 배울 것입니다. — 하지만 다음 코드 예제를 사용하여 공백을 다른 문자로 바꿀 수 있습니다.
공백은 문자로 간주됩니다. 따라서 지금 읽고 있는 이 문장에서 단어 사이의 모든 공백은 하나의 공백 문자로 계산됩니다.
이 문장에는 6개의 공백 문자가 있습니다.
공백 문자를 대체하기 위해 정규 표현식에는 소위 메타 문자가 있습니다. \s라고 함 줄 바꿈, 탭 및 유니코드를 포함한 단일 공백 문자를 찾습니다.
이렇게:
const sentence = "This sentence has 6 white space characters."
console.log(sentence.replace(/\s/g, ""))
// Thissentencehas6whitespacecharacters.코드에서 일어나는 일:
- 먼저
replace()를 첨부합니다.sentence에 대한 메소드 공백을 제거하려는 문자열을 참조하는 변수입니다. - 그런 다음 앞서 언급한
\s를 추가합니다. 공백 문자를 찾기 위한 인수로 메타 문자. 백슬래시(\)은 예약된 이스케이프입니다. JavaScript에서 문자, 우리는/를 추가합니다. 이스케이프하기 위해 그 앞에 그래서/\s/가 됩니다. . - 그런 다음 전역
g를 사용합니다. 모두를 찾고 싶다고 JavaScript에 알리는 플래그 문자열의 공백 문자.g를 추가하지 않으면 , 첫 번째 공백 인스턴스만(This sentence사이 )로 대체됩니다. - 마지막으로 공백을 무엇으로 대체할까요? 모든 빈 문자열
""이것이 공백 문자를 제거하고 모든 단어를 하나의 단어로 만드는 것입니다.
참고:원본 sentence은 수정하지 않았습니다. 이렇게 하면 변수가 생성됩니다. 우리는 console.log()를 사용하고 있습니다. replace(/\s/g, "")를 사용하면 어떻게 보일지 인쇄합니다. 정규식 메서드입니다.
sentence의 값을 변경하고 싶다면 변수에 공백이 포함되지 않도록 하려면 새 변수에 할당한 다음 액세스가 필요할 때 지금부터 해당 변수를 참조해야 합니다.
이렇게:
const sentence = "This sentence has 6 white space characters."
const sentenceRemoveWhiteSpace = sentence.replace(/\s/g, "")
console.log(sentenceRemoveWhiteSpace)
// Thissentencehas6whitespacecharacters.
내 수학이 맞는지 확인하기 위해 match()라는 또 다른 유용한 정규식 메서드를 사용하겠습니다. 원래 sentence의 공백 문자 수를 계산하려면 변수를 만들고 실제로 6인지 확인하십시오:
console.log(sentence.match(/\s/g).length)
// 6휴, 그렇군요!