>웹 프론트엔드 >JS 튜토리얼 >공백을 자바스크립트로 바꾸는 방법

공백을 자바스크립트로 바꾸는 방법

藏色散人
藏色散人원래의
2021-04-27 10:24:297068검색

JavaScript로 공백을 바꾸는 방법: 1. "name.replace(" ","");"를 사용하여 교체합니다. 2. "replace(new RegExp(/( )/g),"");"를 사용합니다. 3. "name.split(" ").join("");" 등을 사용하십시오.

공백을 자바스크립트로 바꾸는 방법

이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JS에서 입력 상자의 공백을 바꾸는 것은 사용자 작업 습관으로 인한 데이터 이상을 방지하고 매개 변수 전송의 안전을 보장하기 위해 양식 요구 사항을 처리할 때 매우 일반적인 작업입니다.

NO.1

name.replace(" ","");

위 방법은 매우 간단한 대체 방법이지만 두 가지 약점이 있습니다.

1 단일 영문 공백 또는 중국어 공백(전각)만 대체할 수 있습니다. 현재 문자열의 첫 번째 일치만 교체합니다.

NO.2

name.replace(new RegExp(/( )/g),"");

위 방법은 정규 매칭을 사용하여 모두 바꿀 수 있지만 여전히 약점이 있습니다.

1 공백 또는 한자 공백(전각) 중 하나만 바꿀 수 있습니다.

NO.3

name.split(" ").join("");

위 방법은 문자별로 분리하여 병합하는 방식으로 모두 교체가 가능하지만 여전히 약점이 있습니다.

1. 공백은 영문이나 한자 중 하나만 교체할 수 있습니다(전각). ).

NO.4

name.replace(/(^\s*)|(\s*$)/g,"");

위 방법은 정규 매칭을 통해 영어나 한자 공백을 대체할 수 있지만, 약점이 있습니다:

1 선행 및 후행 공백만 교체할 수 있으며, 그 안에 있는 공백에는 작동하지 않습니다. 문자열의 중간.

궁극의 킬링 무브

name.replace(/\s+/g,"");

위의 방법은 정규 매칭을 통해서, 영어나 한자 공백을 모두 교체할 수 있는 방법입니다.

【주의사항】JS에는 소위 replacementAll 메소드가 없습니다. 작성자의 테스트 결과는 "정의되지 않음"이며 페이지에서 인식할 수 없습니다. 물론, 교체 기능을 기반으로 교체 All 메서드의 프로토타입을 다시 작성하는 해결 방법도 있습니다.

String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) { 
    if (!RegExp.prototype.isPrototypeOf(reallyDo)) { 
        return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith); 
    } else { 
        return this.replace(reallyDo, replaceWith); 
    } 
}

[권장 학습:

javascript 고급 튜토리얼]

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

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