使用js的replace()方法查找字符示例代码

时间：2021-05-25

通常用于文本输入框的一种功能是替换指定的字符。JavaScript具有一个非常有用的方法replace()，可以用它利用备选字符集途欢指定的字符。

replace()方法允许指定希望替换的字符或字符集，方式是利用字符串或者正则表达式；这是该方法的第一个实参。第二个实参是谢昂替换为的字符。第二个实参通常只是一个替换字符串（替换字符集），但他可以是用于确定替换字符串应当是什么的函数——如果是函数，则返回值应当用做俄日替换字符串。隐藏replace()方法的语法可以是如下任意一种：
复制代码 代码如下:
string.replace(oldSubString,newSubString);
string.replace(regEx,newSubString);
string.replace(regEx,finction());

下面的简单示例对一个文本区域使用replace()方法，并且查找文本框中是否有字符串“URL”。找到字符串“URL”之后，该方法将其替换为字符串“ABC”。下面是该示例：
复制代码 代码如下:
<html>
<head><title>The replace() method</title></head>
<body>
<p>Replacing character strings:</p>
<form name="myForm">
<textarea name="myTextArea" id="myTextArea" cols="40" rows="10">I am interested in Curl, here is a url for it.</textarea><br /><br />
<input type="button" value="Replace characters URL" onclick="document.myForm.myTextArea.value =document.myForm.myTextArea.value.replace(/\burl\b/gi, 'abc');">
</form>
</body>
</html>

在字符串”URL“的两边都添加一个”\b“以指示单词的界限——表明希望查找的是整个单词——因为仅当字符串”URL“是独立的单词时才会被替换（不能只检查字符串”URL”两边是否存在空格，因为在其周围可能存在标点符号）；
复制代码 代码如下:
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(/\burl\b/gi,'abc');"

字符串“URL”周围的正斜杠表明函授查找的是该字符串的匹配。第二个正斜杠后面的“g”（称为标志）表明文档正在真个文本区域中查找全局匹配（如果没有g标志，则只替换字符串中的第一个匹配），i标志表明它应当是一个不区分大小写的匹配（因此字符串“URL”也会被替换，或者实际上这些字符的大写、小写的任何混合形式都会被替换）。

也可以使用“|”符号匹配多个字符串；下面的示例查找link、url或homepage的匹配：
复制代码 代码如下:
/link| url| homepage/

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章