> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 공백을 제거하는 방법

자바스크립트에서 공백을 제거하는 방법

藏色散人
풀어 주다: 2023-01-04 09:33:53
원래의
4271명이 탐색했습니다.

JavaScript에서 공백을 제거하는 방법: 1. "str.replace(/(^s*)|(s*$)/g, "");" 메서드를 사용하여 문자열 앞뒤의 모든 공백을 제거합니다. . "Trim (str,is_global)..."을 사용하면 문자열의 모든 공백이 제거됩니다.

자바스크립트에서 공백을 제거하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JS를 사용하여 문자열 앞뒤의 공백을 제거하거나 공백을 모두 제거하는 방법

이 글에서는 JS를 사용하여 문자열 앞뒤의 공백을 제거하거나 공백을 모두 제거하는 방법을 주로 소개합니다. it

1. 문자열 제거 앞뒤의 모든 공백:

코드는 다음과 같습니다.

function Trim(str)
 {
  return str.replace(/(^\s*)|(\s*$)/g, "");
}
로그인 후 복사

설명:

jQuery를 사용하는 경우 $.trim(str) 메서드를 직접 사용할 수 있습니다. str은 전후의 모든 공백을 제거해야 하는 문자열을 나타냅니다.

2. 문자열에서 모든 공백을 제거합니다(가운데 공백 포함, 두 번째 매개변수를 g로 설정해야 함)

코드는 다음과 같습니다.

 function Trim(str,is_global)
  {
   var result;
   result = str.replace(/(^\s+)|(\s+$)/g,"");
   if(is_global.toLowerCase()=="g")
   {
    result = result.replace(/\s/g,"");
    }
   return result;
}
로그인 후 복사

3. 이제 대부분의 브라우저는 기본적으로 문자열을 지원합니다. 트림 기능이 있지만 지원되지 않는 브라우저와 호환되도록 하려면 Js 파일에 다음 코드를 추가하는 것이 좋습니다(줄 바꿈을 제거할 필요가 없으면 n과 탭을 삭제하여 t를 삭제하세요):

if (!String.prototype.trim) {
 
 /*---------------------------------------
  * 清除字符串两端空格,包含换行符、制表符
  *---------------------------------------*/
 String.prototype.trim = function () {
  return this.triml().trimr();
 }
 
 /*----------------------------------------
  * 清除字符串左侧空格,包含换行符、制表符
  * ---------------------------------------*/
 String.prototype.triml = function () {
  return this.replace(/^[\s\n\t]+/g, "");
 }
 
 /*----------------------------------------
  * 清除字符串右侧空格,包含换行符、制表符
  *----------------------------------------*/
 String.prototype.trimr = function () {
  return this.replace(/[\s\n\t]+$/g, "");
 }
}
로그인 후 복사

트림 기능만 필요한 경우 하나만 작성하면 됩니다:

if (!String.prototype.trim){
 
 /*---------------------------------------
  * 清除字符串两端空格,包含换行符、制表符
  *---------------------------------------*/
 String.prototype.trim = function () {
  return this.replace(/(^[\s\n\t]+|[\s\n\t]+$)/g, "");
 }
  
}
로그인 후 복사

사용 코드:

var str = " abcd ".trim();
로그인 후 복사

【추천 학습: js 기본 튜토리얼

위 내용은 자바스크립트에서 공백을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿