300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > JavaScript replace字符串替换函数的用法

JavaScript replace字符串替换函数的用法

时间:2022-02-03 16:31:22

相关推荐

JavaScript replace字符串替换函数的用法

web前端|js教程

javascript, 正则表达式 JavaScript replace字符串替换函数的用法

web前端-js教程

replace

语法 stringObj.replace(rgExp, replaceText)

stringObj 必选项。要执行该替换的 String 对象或文字。该对象不会被 replace 方法修改。

rgExp 必选项。描述要查找的内容的一个正则表达式对象。

replaceText 必选项。是一个String 对象或文字,对于stringObj 中每个匹配 rgExp 中的位置都用该对象所包含的文字加以替换。

例如:

易语言图片生成器源码,vscode打开故障,ubuntu cntv,外部tomcat配置,sqlite3如何安装,discuz 插件 特殊主题,前端工程师必备框架,爬虫下载小说是空文件,php 搜索框,行业门户seo优化,网站添加悬浮二维码,棋牌房卡游戏网页源码,wordpress blog模板lzw

Js代码

一元购正版源码,ubuntu声音自动关闭,tomcat常用那几个端口,爬虫专门网站,php实现在线交流功能,威海seo策略lzw

单位内部网站源码,ubuntu时间显示乱码,抖音+python爬虫,ngninx php,seo权重加持lzw

var strM = “javascript is a good script language”;

//在此我想将字母a替换成字母A

alert(strM.replace(“a”,”A”));

这样只能替换第一个“a”字母

var strM = “javascript is a good script language”;

//在此将字母a全部替换成字母A

alert(strM.replace(/a/g,”A”));

这样可以替换所有“a”字母。其中g为全局标志

JavaScript–正则表达式

正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。

正则表达式构造函数: new RegExp(“pattern”[,”flags”]);

参数说明:

pattern — 一个正则表达式文本

flags — 如果存在,将是以下值:

g: 全局匹配

i: 忽略大小写

gi: 以上组合

在构造函数中,一些特殊字符需要进行转意(在特殊字符前加”\”)。正则表达式中的特殊字符:

字符 含意

\ 转意,即通常在”\”后面的字符不按原来意义解释,如/b/匹配字符”b”,当b前面加了反斜杆后/\b/,转意为

匹配一个单词的边界。

-或-

对正则表达式功能字符的还原,如”*”匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了”\”后,/a\*/

将只匹配”a*”。

^ 匹配一个输入或一行的开头,/^a/匹配”an A”,而不匹配”An a”

$ 匹配一个输入或一行的结尾,/a$/匹配”An a”,而不匹配”an A”

* 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa

+ 匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa

? 匹配前面元字符0次或1次,/ba*/将匹配b,ba

(x) 匹配x保存x在名为$1…$9的变量中

x|y 匹配x或y

{n} 精确匹配n次

{n,} 匹配n次以上

{n,m} 匹配n-m次

[xyz] 字符集(character set),匹配这个集合中的任一一个字符(或元字符)

[^xyz] 不匹配这个集合中的任何一个字符

[\b] 匹配一个退格符

\b 匹配一个单词的边界

\B 匹配一个单词的非边界

\cX 这儿,X是一个控制符,/\cM/匹配Ctrl-M

\d 匹配一个字数字符,/\d/ = /[0-9]/

\D 匹配一个非字数字符,/\D/ = /[^0-9]/

\n 匹配一个换行符

\r 匹配一个回车符

\s 匹配一个空白字符,包括\n,\r,\f,\t,\v等

\S 匹配一个非空白字符,等于/[^\n\f\r\t\v]/

\t 匹配一个制表符

\v 匹配一个重直制表符

\w 匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配”$5.98″

中的5,等于[a-zA-Z0-9]

\W 匹配一个不可以组成单词的字符,如[\W]匹配”$5.98″中的$,等于[^a-zA-Z0-9]。

说了这么多了,我们来看一些正则表达式的实际应用的例子:

HTML代码的屏蔽

Js代码

function mask_HTMLCode(strInput) {

var myReg = //;

return strInput.replace(myReg, “<$1>”);

}

E-mail地址验证:

function test_email(strEmail) {

var myReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;

if(myReg.test(strEmail)) return true;

return false;

}

正则表达式对象的属性及方法:

预定义的正则表达式拥有有以下静态属性:input, multiline, lastMatch, lastParen, leftContext,

rightContext和$1到$9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据

不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字,并且,这两个名字指向同一个值。(

JavaScript模拟perl的正则表达式)

正则表达式对象的属性:

属性 含义

$1…$9 如果它(们)存在,是匹配到的子串

$_ 参见input

$* 参见multiline

$& 参见lastMatch

$+ 参见lastParen

$` 参见leftContext

$” 参见rightContext

constructor 创建一个对象的一个特殊的函数原型

global 是否在整个串中匹配(bool型)

ignoreCase 匹配时是否忽略大小写(bool型)

input 被匹配的串

lastIndex 最后一次匹配的索引

lastParen 最后一个括号括起来的子串

leftContext 最近一次匹配以左的子串

multiline 是否进行多行匹配(bool型)

prototype 允许附加属性给对象

rightContext 最近一次匹配以右的子串

source 正则表达式模式

lastIndex 最后一次匹配的索引

正则表达式对象的方法:

方法 含义

compile 正则表达式比较

exec 执行查找

test 进行匹配

toSource 返回特定对象的定义(literal

representing),其值可用来创建一个新的对象。重载Object.toSource方法得到的。

toString 返回特定对象的串。重载Object.toString方法得到的。

valueOf 返回特定对象的原始值。重载Object.valueOf方法得到

例子:

Js代码

var myReg = /(w+)s(w+)/;

var str = “John Smith”;

var newstr = str.replace(myReg, “$2, $1”);

document.write(newstr);

将输出”Smith, John”

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。