JavaScript字符串插入、删除、替换函数使用示例

更新时间：2013年07月25日 17:01:28 作者：

本文为大家介绍下JavaScript字符串的插入、删除、替换函数的在实际中的应用，想要学习的朋友可以参考下哈，希望对初学者有所帮助

说明：

以下函数中前两个函数取出查找字符串的前一部分和后一部分，以用于其他函数。注意，调用一次 replaceString(mainStr,searchStr,replaceStr) 函数，只能将字符串 mainStr 中最先找到的一个 searchStr 字符串替换为 replaceStr 字符串，并不能将字符串 mainStr 中所有的 searchStr 字符串替换为 replaceStr 字符串，如果需要替换全部，则需要使用循环。

函数源码：
[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; 
} 

使用示例：
假设有一表单，用于接收用户的留言信息。我们需要将留言内容中用户输入的回车换行替换为 HTML 标签 <br>，同时还需要将空格符替换为  ,这样在显示留言信息的时候就能按用户输入的原格式进行显示了。
html文件如下:

复制代码代码如下:

 
<html> 
<head> 
<script language="javaScript"> 
//此处由以上提供的脚本函数源码填充，即getFront、getEnd、replaceString 
//[、insertString、deleteString]。 
//表单检测函数 
function checkForm(form){ 
var gb_contentStr=form.elements["gb_content"].value; 
//将留言内容中的所有空格符替换为&nbsp;&nbsp; 
while(gb_contentStr.indexOf(" ") != -1 ){ 
gb_contentStr=replaceString(gb_contentStr," ","&nbsp;"); 
} 
//将留言内容中的所有回车符替换为<br> 
while(gb_contentStr.indexOf("\r\n") != -1 ){ 
gb_contentStr=replaceString(gb_contentStr,"\r\n","<br>"); 
} 
form.elements["gb_content"].value=gb_contentStr; //保存由以上脚本修改后的留言内容 
return true; //提交留言信息 
} 
</script> 
</head> 
<body> 
<form action="writePro.asp" method="post" name="addliuyan" onSubmit="return checkForm(this)"> 
<table width="50%" border="1" cellspacing="0" cellpadding="0" align="center"> 
<tr valign="middle"> 
<td width="15%" height="25" align="right">留言内容：</td> 
<td width="35%" height="25" align="center"> 
<textarea style="overflow: auto; width: 100%;" name="gb_content" rows="11"></textarea> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html> 

您可能感兴趣的文章:

javascript中toFixed()四舍五入使用方法详解
最近做的项目涉及到金额的计算，有一种方式就是进行四舍五入的规则进行小数点后面的尾数处理，以前一直以为toFixed方法就是四舍五入的，这里为大家分享一下
2018-09-09
js判断某个字符出现的次数的简单实例
下面小编就为大家带来一篇js判断某个字符出现的次数的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JavaScript引用类型Array实例分析
这篇文章主要介绍了JavaScript引用类型Array,结合实例形式较为详细的分析了JavaScript数组相关的创建、检测、转换、排序、栈、队列、引用等各种常见操作技巧,需要的朋友可以参考下
2018-07-07
chatGPT教我写compose函数的详细过程
这篇文章主要介绍了chatGPT教我写compose函数,文中给大家介绍了chatGPT过程概略，本文结合实例代码图文给大家讲解的非常详细，需要的朋友可以参考下
2023-02-02
js通过更改按钮的显示样式实现按钮的滑动效果
使用js实现按钮的滑动效果，通过更改按钮的显示样式，来实现按钮动态滑动,需要的朋友可以参考下
2014-04-04
基于JS制作一个简易的2048游戏
这篇文章主要介绍了如何利用JS编写一个简单的2048小游戏,代码简单易懂对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-05-05
在原生不支持的旧环境中添加兼容的Object.keys实现方法
下面小编就为大家带来一篇在原生不支持的旧环境中添加兼容的Object.keys实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
详解webpack自动生成html页面
本篇文章主要介绍了详解webpack自动生成页面，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
js 实现锚点跳转示例解析
这篇文章主要为大家介绍了js实现锚点跳转示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
JavaScript中闭包之浅析解读(必看篇)
下面小编就为大家带来一篇JavaScript中闭包之浅析解读(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08