JavaScript에서 공백 자르기

Muhammad Muzammil Hussain 2023년6월20일
  1. JavaScript에서 trim() 메서드를 사용하여 공백 제거
  2. JavaScript에서 replace() 메서드를 사용하여 공백 제거
JavaScript에서 공백 자르기

JavaScript에서는 trim()replace()와 같은 기본 JavaScript 문자열 메서드를 사용하여 문자열에서 하나 또는 여러 개의 공백을 제거할 수 있습니다.

JavaScript에서 trim() 메서드를 사용하여 공백 제거

trim() 메서드는 JavaScript에서 양쪽에서 선언된 문자열에서 여분의 공백을 제거합니다. 아래 예제에서는 공백이 포함된 문자열을 초기화하고 양쪽 끝에서 공백을 교체하는 trim 메서드를 테스트합니다.

예제 코드:

<script>
let string = "    Delft stack is a best website   "
let result = string.trim()
console.log("original string: "+string)
console.log("updated string: "+result)
</script>

출력:

"original string:     Delft stack is a best website   "
"updated string: Delft stack is a best website"

문자열에서 trim() 메서드를 사용하여 여분의 공백을 제거하고 새 결과 문자열을 생성했습니다. 업데이트된 문자열을 표시하여 결과를 확인하고 작업 방법을 차별화합니다.

JavaScript에서 replace() 메서드를 사용하여 공백 제거

replace()는 해당 문자열의 정의된 부분을 다른 것으로 바꾸는 데 사용되는 미리 정의된 메서드입니다. 완전한 선언 문자열에서 정의된 문자열 부분을 검색하여 주어진 값으로 바꿉니다.

공백이 포함된 문자열을 초기화하고 모든 공백을 제거하는 대체 방법을 테스트합니다. 수정자 세트(g)가 있는 정규식을 사용하여 모든 인스턴스를 대체합니다.

정규 표현식:

let regex = /\s+/g

예제 코드:

<script>
let string = "Delft stack is a good website to learn programming"
let regex = /\s+/g
let result = string.replace(regex, '');

console.log("original string: "+string)
console.log("updated string: "+result)
</script>

출력:

"original string: Delft stack is a good website to learn programming"
"updated string: Delftstackisagoodwebsitetolearnprogramming"

위의 코드에서 필요한 정규식 /\s+/g를 사용하여 정규식 변수를 초기화했습니다. 그런 다음 2개의 인수 replace(regex,'')를 사용하여 초기화된 문자열에 replace() 메서드를 사용했습니다.

첫 번째 인수에서 모든 공백을 대체하기 위해 regex(정규식)를 제공했습니다. 문자열에서 모든 공백 (" ")을 찾아 공백 없이 대체합니다("").

관련 문장 - JavaScript String