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

설명:

다음 함수의 처음 두 함수는 다른 함수에서 사용하기 위해 검색 문자열의 첫 번째 부분과 마지막 부분을 가져옵니다. 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 파일은 다음과 같습니다.

코드를 복사하세요

코드는 다음과 같습니다. <script> </script>//위에 제공된 스크립트 함수 소스 코드(즉, getFront, getEnd, replacementString)가 채워져 있습니다.

//[, insertString, deleteString].

//양식 감지 기능
function checkForm(form){
var gb_contentStr=form.elements["gb_content"].value;
//메시지 내용의 모든 공백을
으로 바꿉니다. while(gb_contentStr.indexOf(" ") != -1 ){
gb_contentStr=replaceString(gb_contentStr," "," ");
}
//메시지 내용의 모든 캐리지 리턴을 바꿉니다
while(gb_contentStr.indexOf("rn") != -1 ){
gb_contentStr=replaceString(gb_contentStr,"rn","
")
}
form.elements[" gb_content"].value=gb_contentStr; //위 스크립트로 수정한 메시지 내용 저장
return true; //메시지 정보 제출
} ​​
> ;

메시지 내용:

<br>