JavaScript字串插入、刪除、替換函數使用範例_javascript技巧

說明：

以下函數中前兩個函數取出查找字串的前一部分和後一部分，以用於其他函數。注意，呼叫一次replaceString(mainStr,searchStr,replaceStr) 函數，只能將字串mainStr 中最先找到的一個searchStr 字串替換為replaceStr 字串，並不能將字串mainStr 中所有的searchStr 字串替換為replaceStr字串，如果需要替換全部，則需要使用循環。

函數原始碼：
[code
//擷取找出字串前面所有的字元 
function getFront(mainStr,searchStr){
foundOffset=main .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 Str>return null;
}
return Str .substring(foundOffset searchStr.length,mainStr.length);

}

複製程式碼

//在字串searchStr 前面插入字串insertStr
function insertString(mainStr,searchStr,insertStr){
var front=getFront(mainStr,searchStr); var front=getFront(mainStr,searchStr);
var end=getEnd(mainStr,searchStr);
if(front!=null && end!=null){
return front insertStr searchStr end;
}

return null;
}

複製程式碼

程式碼如下:



代碼如下:

function deleteString(mainStr,deleteStr){ return replaceString(mainStr,deleteStr,""); }

程式碼如下: //將字串searchStr 修改為replaceStr function replaceString(mainStr,searchStr,replaceStr){ =getFront(mainStr,searchStr);

var end=getEnd(mainStr,searchStr);

if(front!=null && end!=null){
return front replaceStr end;
}
return null;
}


使用範例：
假設有一份表單，用來接收使用者的留言訊息。我們需要將留言內容中使用者輸入的回車換行替換為 HTML 標籤
，同時還需要將空格符號替換為  ,這樣在顯示留言訊息的時候就能按使用者輸入的原格式進行顯示了。
html檔案如下:




複製程式碼


程式碼如下:

}

留言內容：