>  기사  >  웹 프론트엔드  >  Javascript_javascript 기술에서 Trim() 함수를 구현하는 두 가지 방법

Javascript_javascript 기술에서 Trim() 함수를 구현하는 두 가지 방법

WBOY
WBOY원래의
2016-05-16 16:15:581058검색

JavaScript에서 Trim을 사용해야 하는 곳은 많지만 JavaScript에는 독립적인 Trim 함수나 사용할 방법이 없기 때문에 목적을 달성하려면 Trim 함수를 직접 작성해야 합니다.

옵션 1:

프로토타입 모드, 즉 obj.trim() 형식으로 호출합니다. 이 방법은 간단하고 다음과 같이 정의됩니다.

코드 복사 코드는 다음과 같습니다.
<스크립트 언어=”자바스크립트”>
/**
* 좌우 공백 삭제
*/
String.prototype.trim=function()
{
return this.replace(/(^s*)|(s*$)/g, ”);
}
/**
* 왼쪽 공백 삭제
*/
String.prototype.ltrim=function()
{
return this.replace(/(^s*)/g,”);
}
/**
* 오른쪽 공백 삭제
*/
String.prototype.rtrim=function()
{
return this.replace(/(s*$)/g,”);
}


사용 예는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.
<스크립트 유형=”텍스트/자바스크립트”>
경고(document.getElementById('abc').value.trim());
경고(document.getElementById('abc').value.ltrim());
경고(document.getElementById('abc').value.rtrim());


옵션 2:

도구 모드, 즉 Trim(obj) 형식으로 호출합니다. 이 방법은 특별한 처리가 필요한 경우 사용할 수 있습니다.


코드 복사 코드는 다음과 같습니다.
<스크립트 유형=”텍스트/자바스크립트”>
/**
* 좌우 공백 삭제
*/
함수 트림(str)
{
반환 str.replace(/(^s*)|(s*$)/g, ”);
}
/**
* 왼쪽 공백 삭제
*/
함수 ltrim(str)
{
Return str.replace(/(^s*)/g,”);
}
/**
* 오른쪽 공백 삭제
*/
함수 rtrim(str)
{
Return str.replace(/(s*$)/g,”);
}


사용 예는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.
<스크립트 유형=”텍스트/자바스크립트”>
Alert(trim(document.getElementById('abc').value));
Alert(ltrim(document.getElementById('abc').value));
Alert(rtrim(document.getElementById('abc').value));


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.