JavaScript字符串插入、刪除、替換函數(shù)使用示例

2024-05-06 15:49:29

字體：大中小

來源：轉載

供稿：網(wǎng)友

本文為大家介紹下JavaScript字符串的插入、刪除、替換函數(shù)的在實際中的應用，想要學習的朋友可以參考下哈，希望對初學者有所幫助

說明：

以下函數(shù)中前兩個函數(shù)取出查找字符串的前一部分和后一部分，以用于其他函數(shù)。注意，調(diào)用一次 replaceString(mainStr,searchStr,replaceStr) 函數(shù)，只能將字符串 mainStr 中最先找到的一個 searchStr 字符串替換為 replaceStr 字符串，并不能將字符串 mainStr 中所有的 searchStr 字符串替換為 replaceStr 字符串，如果需要替換全部，則需要使用循環(huán)。

函數(shù)源碼：
[code
//提取查找字符串前面所有的字符
function getFront(mainStr,searchStr){
foundOffset=mainStr.indexOf(searchStr);
if(foundOffset==-1){
return null;
}
return mainStr.substring(0,foundOffset);
}
[/code]

復制代碼代碼如下:

//提取查找字符串后面的所有字符
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 front+insertStr+searchStr+end;
}
return null;
}

復制代碼代碼如下:

//刪除字符串 deleteStr
function deleteString(mainStr,deleteStr){
return replaceString(mainStr,deleteStr,"");
}

復制代碼代碼如下:

//將字符串 searchStr 修改為 replaceStr
function replaceString(mainStr,searchStr,replaceStr){
var front=getFront(mainStr,searchStr);
var end=getEnd(mainStr,searchStr);
if(front!=null && end!=null){
return front+replaceStr+end;
}
return null;
}

使用示例：
假設有一表單，用于接收用戶的留言信息。我們需要將留言內(nèi)容中用戶輸入的回車換行替換為 HTML 標簽 <br>，同時還需要將空格符替換為 ,這樣在顯示留言信息的時候就能按用戶輸入的原格式進行顯示了。
html文件如下:

復制代碼代碼如下:

<html>
<head>
<script language="javaScript">
//此處由以上提供的腳本函數(shù)源碼填充，即getFront、getEnd、replaceString
//[、insertString、deleteString]。
//表單檢測函數(shù)
function checkForm(form){
var gb_contentStr=form.elements["gb_content"].value;
//將留言內(nèi)容中的所有空格符替換為
while(gb_contentStr.indexOf(" ") != -1 ){
gb_contentStr=replaceString(gb_contentStr," "," ");
}
//將留言內(nèi)容中的所有回車符替換為<br>
while(gb_contentStr.indexOf("/r/n") != -1 ){
gb_contentStr=replaceString(gb_contentStr,"/r/n","<br>");
}
form.elements["gb_content"].value=gb_contentStr; //保存由以上腳本修改后的留言內(nèi)容
return true; //提交留言信息
}
</script>
</head>
<body>
<form action="writePro.asp" method="post" onSubmit="return checkForm(this)">
<table cellspacing="0" cellpadding="0">
<tr valign="middle">
<td>留言內(nèi)容：</td>
<td>
<textarea rows="11"></textarea>
</td>
</tr>
</table>
</form>
</body>
</html>