>  기사  >  웹 프론트엔드  >  자바스크립트 문자열 삽입, 삭제, 치환 기능 사용 예시_javascript 기술

자바스크립트 문자열 삽입, 삭제, 치환 기능 사용 예시_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:28:051219검색
설명:

다음 함수의 처음 두 함수는 다른 함수에서 사용하기 위해 검색 문자열의 첫 번째 부분과 마지막 부분을 가져옵니다. replacementString(mainStr,searchStr,replaceStr) 함수를 한 번 호출하면 문자열 mainStr에 있는 첫 번째 searchStr 문자열만 교체 문자열로 바꿀 수 있지만 필요한 경우 문자열 mainStr의 모든 searchStr 문자열을 교체 문자열로 바꿀 수는 없습니다. 모두 교체하려면 루프를 사용해야 합니다.

함수 소스 코드:
[code
//검색 문자열 앞의 모든 문자 추출
function getFront(mainStr,searchStr){
foundOffset =mainStr .indexOf(searchStr);
if(foundOffset==-1){
return null;
}
return mainStr.substring(0,foundOffset)
[/코드]

코드 복사 코드는 다음과 같습니다.
//모든 문자 추출 검색 문자열 뒤
function getEnd(mainStr,searchStr){
foundOffset=mainStr.indexOf(searchStr)
if(foundOffset==-1){
return null; 🎜>return mainStr .substring(foundOffset searchStr.length,mainStr.length)
}




코드 복사 코드는 다음과 같습니다. //searchStr 문자열 앞에 insertStr 문자열을 삽입합니다.
function insertString(mainStr,searchStr,insertStr){
var front=getFront(mainStr ,searchStr);
var end=getEnd(mainStr,searchStr);
if(front!=null && end!=null){
return 전면 insertStr searchStr end; null
}





코드 복사
코드는 다음과 같습니다. //문자열 삭제 deleteStr function deleteString(mainStr,deleteStr){ return replacementString(mainStr,deleteStr,"")
}





코드 복사
코드는 다음과 같습니다. //searchStr 문자열을 replacementStr로 변경 function replacementString( mainStr,searchStr,replaceStr){ var front =getFront(mainStr,searchStr)
var end=getEnd(mainStr,searchStr)
if(front!=null && end!=null){
return front replacementStr end;
return null;
}


사용 예:
사용자 메시지를 받는 데 사용되는 양식이 있다고 가정합니다. 메시지 내용에서 사용자가 입력한 캐리지 리턴 및 라인 피드를 HTML 태그
로 바꾸고 공백 문자도 로 바꿔야 메시지 정보가 표시될 때 사용자가 입력한 원래 형식입니다.
html 파일은 다음과 같습니다.



코드를 복사하세요

코드는 다음과 같습니다.